@charset "UTF-8";
.vft-fade-in-linear-enter-active,
.vft-fade-in-linear-leave-active {
  transition: var(--vft-transition-fade-linear);
}

.vft-fade-in-linear-enter-from,
.vft-fade-in-linear-leave-to {
  opacity: 0;
}

.vft-fade-in-enter-active,
.vft-fade-in-leave-active {
  transition: all var(--vft-transition-duration) cubic-bezier(0.55, 0, 0.1, 1);
}

.vft-fade-in-enter-from,
.vft-fade-in-leave-active {
  opacity: 0;
}

.vft-zoom-in-center-enter-active,
.vft-zoom-in-center-leave-active {
  transition: all var(--vft-transition-duration) cubic-bezier(0.55, 0, 0.1, 1);
}

.vft-zoom-in-center-enter-from,
.vft-zoom-in-center-leave-active {
  transform: scaleX(0);
  opacity: 0;
}

.vft-zoom-in-top-enter-active,
.vft-zoom-in-top-leave-active {
  transition: var(--vft-transition-md-fade);
  transform: scaleY(1);
  transform-origin: center top;
  opacity: 1;
}
.vft-zoom-in-top-enter-active[data-popper-placement^=top],
.vft-zoom-in-top-leave-active[data-popper-placement^=top] {
  transform-origin: center bottom;
}

.vft-zoom-in-top-enter-from,
.vft-zoom-in-top-leave-active {
  transform: scaleY(0);
  opacity: 0;
}

.vft-zoom-in-top-fast-enter-active {
  transition: var(--vft-transition-md-fade);
  transform: scaleY(1);
  transform-origin: center top;
  opacity: 1;
}
.vft-zoom-in-top-fast-enter-active[data-popper-placement^=top] {
  transform-origin: center bottom;
}

.vft-zoom-in-top-fast-leave-active {
  transform: scaleY(1);
  transform-origin: center top;
  opacity: 1;
}
.vft-zoom-in-top-fast-leave-active[data-popper-placement^=top] {
  transform-origin: center bottom;
}

.vft-zoom-in-top-fast-enter-from,
.vft-zoom-in-top-fast-leave-active {
  transform: scaleY(0);
  opacity: 0;
}

.vft-zoom-in-bottom-enter-active,
.vft-zoom-in-bottom-leave-active {
  transform: scaleY(1);
  transform-origin: center bottom;
  transition: var(--vft-transition-md-fade);
  opacity: 1;
}

.vft-zoom-in-bottom-enter-from,
.vft-zoom-in-bottom-leave-active {
  transform: scaleY(0);
  opacity: 0;
}

.vft-zoom-in-left-enter-active,
.vft-zoom-in-left-leave-active {
  transform: scale(1, 1);
  transform-origin: top left;
  transition: var(--vft-transition-md-fade);
  opacity: 1;
}

.vft-zoom-in-left-enter-from,
.vft-zoom-in-left-leave-active {
  transform: scale(0.45, 0.45);
  opacity: 0;
}

.collapse-transition {
  transition: var(--vft-transition-duration) height ease-in-out, var(--vft-transition-duration) padding-top ease-in-out, var(--vft-transition-duration) padding-bottom ease-in-out;
}

.vft-collapse-transition-leave-active,
.vft-collapse-transition-enter-active {
  transition: var(--vft-transition-duration) max-height ease-in-out, var(--vft-transition-duration) padding-top ease-in-out, var(--vft-transition-duration) padding-bottom ease-in-out;
}

.horizontal-collapse-transition {
  transition: var(--vft-transition-duration) width ease-in-out, var(--vft-transition-duration) padding-left ease-in-out, var(--vft-transition-duration) padding-right ease-in-out;
}

.vft-list-enter-active,
.vft-list-leave-active {
  transition: all 1s;
}

.vft-list-enter-from,
.vft-list-leave-to {
  transform: translateY(-1.875rem);
  opacity: 0;
}

.vft-list-leave-active {
  position: absolute !important;
}

.vft-opacity-transition {
  transition: opacity var(--vft-transition-duration) cubic-bezier(0.55, 0, 0.1, 1);
}

@keyframes vft-rotate {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes vft-loading-dot {
  33% {
    transform: translateY(-2em);
  }
  66% {
    transform: translateY(-1em);
  }
}
:root {
  --vft-primary-color-rgb: 33, 150, 243;
  --vft-success-color-rgb: 62, 175, 124;
  --vft-warning-color-rgb: 251, 155, 95;
  --vft-danger-color-rgb: 242, 109, 109;
  --vft-error-color-rgb: 242, 109, 109;
  --vft-info-color-rgb: 144, 147, 153;
  --vft-color-white: #fff;
  --vft-color-black: #000;
  --vft-color-rgb: 255, 255, 255;
  --vft-reverse-color-rgb: 0, 0, 0;
  --vft-reverse-color: #000;
  --vft-font-size-extra-large: 1.25rem;
  --vft-font-size-large: 1.125rem;
  --vft-font-size-medium: 1rem;
  --vft-font-size-base: 0.875rem;
  --vft-font-size-small: 0.8125rem;
  --vft-font-size-extra-small: 0.75rem;
  --vft-font-family: 'Helvetica Neue', Helvetica, 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', '微软雅黑', Arial, sans-serif;
  --vft-font-weight-primary: 500;
  --vft-font-line-height-primary: 1.5rem;
  --vft-z-index-normal: 1;
  --vft-z-index-top: 1000;
  --vft-z-index-popper: 2000;
  --vft-z-index-backtop: 3050;
  --vft-z-index-header-layout: 100;
  --vft-border-radius-base: 0.625rem;
  --vft-border-radius-small: 0.125rem;
  --vft-border-radius-medium: 0.5rem;
  --vft-border-radius-large: 0.9375rem;
  --vft-border-radius-round: 1.25rem;
  --vft-border-radius-circle: 100%;
  --vft-transition-duration: 0.3s;
  --vft-transition-duration-fast: 0.2s;
  --vft-transition-function-ease-in-out-bezier: cubic-bezier(0.645, 0.045, 0.355, 1);
  --vft-transition-function-fast-bezier: cubic-bezier(0.23, 1, 0.32, 1);
  --vft-transition-all: all var(--vft-transition-duration) var(--vft-transition-function-ease-in-out-bezier);
  --vft-transition-fade: opacity var(--vft-transition-duration) var(--vft-transition-function-fast-bezier);
  --vft-transition-md-fade: transform var(--vft-transition-duration) var(--vft-transition-function-fast-bezier), opacity var(--vft-transition-duration) var(--vft-transition-function-fast-bezier);
  --vft-transition-fade-linear: opacity var(--vft-transition-duration-fast) linear;
  --vft-transition-border: border-color var(--vft-transition-duration-fast) var(--vft-transition-function-ease-in-out-bezier);
  --vft-transition-box-shadow: box-shadow var(--vft-transition-duration-fast) var(--vft-transition-function-ease-in-out-bezier);
  --vft-transition-color: color var(--vft-transition-duration-fast) var(--vft-transition-function-ease-in-out-bezier);
  --vft-transition-bg-color: background-color var(--vft-transition-duration-fast) var(--vft-transition-function-ease-in-out-bezier);
  --vft-component-size-large: 2.5rem;
  --vft-component-size: 2rem;
  --vft-component-size-small: 1.5rem;
  --vxe-ui-font-primary-color: var(--vft-primary-color) !important;
  --vxe-ui-font-primary-darken-color: var(
    --vft-primary-color-dark-2
  ) !important;
  --vxe-ui-font-primary-lighten-color: var(
    --vft-primary-color-light-3
  ) !important;
  --vxe-ui-font-primary-disabled-color: var(
    --vft-primary-color-light-5
  ) !important;
  --vxe-ui-font-primary-hover-color: var(
    --vft-primary-color-light-7
  ) !important;
  --vxe-ui-font-primary-tinge-color: var(
    --vft-primary-color-light-9
  ) !important;
  --vft-primary-color-light-3: rgb(99.6, 181.5, 246.6);
  --vft-primary-color-light-5: rgb(144, 202.5, 249);
  --vft-primary-color-light-7: rgb(188.4, 223.5, 251.4);
  --vft-primary-color-light-8: rgb(210.6, 234, 252.6);
  --vft-primary-color-light-9: rgb(232.8, 244.5, 253.8);
  --vft-primary-color: #2196f3;
  --vft-primary-color-dark-2: rgb(26.4, 120, 194.4);
  --vft-success-color-light-3: rgb(119.9, 199, 163.3);
  --vft-success-color-light-5: rgb(158.5, 215, 189.5);
  --vft-success-color-light-7: rgb(197.1, 231, 215.7);
  --vft-success-color-light-8: rgb(216.4, 239, 228.8);
  --vft-success-color-light-9: rgb(235.7, 247, 241.9);
  --vft-success-color: #3eaf7c;
  --vft-success-color-dark-2: rgb(49.6, 140, 99.2);
  --vft-warning-color-light-3: rgb(252.2, 185, 143);
  --vft-warning-color-light-5: #fdcdaf;
  --vft-warning-color-light-7: rgb(253.8, 225, 207);
  --vft-warning-color-light-8: rgb(254.2, 235, 223);
  --vft-warning-color-light-9: rgb(254.6, 245, 239);
  --vft-warning-color: #fb9b5f;
  --vft-warning-color-dark-2: rgb(200.8, 124, 76);
  --vft-danger-color-light-3: rgb(245.9, 152.8, 152.8);
  --vft-danger-color-light-5: rgb(248.5, 182, 182);
  --vft-danger-color-light-7: rgb(251.1, 211.2, 211.2);
  --vft-danger-color-light-8: rgb(252.4, 225.8, 225.8);
  --vft-danger-color-light-9: rgb(253.7, 240.4, 240.4);
  --vft-danger-color: #f26d6d;
  --vft-danger-color-dark-2: rgb(193.6, 87.2, 87.2);
  --vft-error-color-light-3: rgb(245.9, 152.8, 152.8);
  --vft-error-color-light-5: rgb(248.5, 182, 182);
  --vft-error-color-light-7: rgb(251.1, 211.2, 211.2);
  --vft-error-color-light-8: rgb(252.4, 225.8, 225.8);
  --vft-error-color-light-9: rgb(253.7, 240.4, 240.4);
  --vft-error-color: #f26d6d;
  --vft-error-color-dark-2: rgb(193.6, 87.2, 87.2);
  --vft-info-color-light-3: rgb(177.3, 179.4, 183.6);
  --vft-info-color-light-5: rgb(199.5, 201, 204);
  --vft-info-color-light-7: rgb(221.7, 222.6, 224.4);
  --vft-info-color-light-8: rgb(232.8, 233.4, 234.6);
  --vft-info-color-light-9: rgb(243.9, 244.2, 244.8);
  --vft-info-color: #909399;
  --vft-info-color-dark-2: rgb(115.2, 117.6, 122.4);
  color-scheme: light;
  --vft-bg-color: #fff;
  --vft-bg-color-page: #f2f3f5;
  --vft-bg-color-overlay: #fff;
  --vft-text-primary-color: #303133;
  --vft-text-regular-color: #606266;
  --vft-text-secondary-color: #909399;
  --vft-text-placeholder-color: #a8abb2;
  --vft-text-disabled-color: #c0c4cc;
  --vft-border-color: #dcdfe6;
  --vft-border-color-light: #e4e7ed;
  --vft-border-color-lighter: #ebeef5;
  --vft-border-color-extra-light: #f2f6fc;
  --vft-border-color-dark: #d4d7de;
  --vft-border-color-darker: #cdd0d6;
  --vft-fill-color: #f0f2f5;
  --vft-fill-color-light: #f5f7fa;
  --vft-fill-color-lighter: #fafafa;
  --vft-fill-color-extra-light: #fafcff;
  --vft-fill-color-dark: #ebedf0;
  --vft-fill-color-darker: #e6e8eb;
  --vft-fill-color-blank: #fff;
  --vft-box-shadow: 0 0.75rem 2rem 0.25rem rgba(0, 0, 0, 0.04), 0 0.5rem 1.25rem rgba(0, 0, 0, 0.08);
  --vft-box-shadow-light: 0 0 0.75rem rgba(0, 0, 0, 0.12);
  --vft-box-shadow-lighter: 0 0 0.375rem rgba(0, 0, 0, 0.12);
  --vft-box-shadow-dark: 0 1rem 3rem 1rem rgba(0, 0, 0, 0.08), 0 0.75rem 2rem rgba(0, 0, 0, 0.12), 0 0.5rem 1rem -0.5rem rgba(0, 0, 0, 0.16);
  --vft-disabled-bg-color: var(--vft-fill-color-light);
  --vft-disabled-text-color: var(--vft-text-placeholder-color);
  --vft-disabled-border-color: var(--vft-border-color-light);
  --vft-overlay-color: rgba(0, 0, 0, 0.8);
  --vft-overlay-color-light: rgba(0, 0, 0, 0.7);
  --vft-overlay-color-lighter: rgba(0, 0, 0, 0.5);
  --vft-mask-color: rgba(255, 255, 255, 0.9);
  --vft-mask-color-extra-light: rgba(255, 255, 255, 0.3);
  --vft-border-width: 0.0625rem;
  --vft-border-style: solid;
  --vft-border-color-hover: var(--vft-text-disabled-color);
  --vft-border: var(--vft-border-width) var(--vft-border-style) var(--vft-border-color);
  --vft-svg-monochrome-grey: var(--vft-border-color);
}.vft-fade-in-linear-enter-active,
.vft-fade-in-linear-leave-active {
  transition: var(--vft-transition-fade-linear);
}

.vft-fade-in-linear-enter-from,
.vft-fade-in-linear-leave-to {
  opacity: 0;
}

.vft-fade-in-enter-active,
.vft-fade-in-leave-active {
  transition: all var(--vft-transition-duration) cubic-bezier(0.55, 0, 0.1, 1);
}

.vft-fade-in-enter-from,
.vft-fade-in-leave-active {
  opacity: 0;
}

.vft-zoom-in-center-enter-active,
.vft-zoom-in-center-leave-active {
  transition: all var(--vft-transition-duration) cubic-bezier(0.55, 0, 0.1, 1);
}

.vft-zoom-in-center-enter-from,
.vft-zoom-in-center-leave-active {
  transform: scaleX(0);
  opacity: 0;
}

.vft-zoom-in-top-enter-active,
.vft-zoom-in-top-leave-active {
  transition: var(--vft-transition-md-fade);
  transform: scaleY(1);
  transform-origin: center top;
  opacity: 1;
}
.vft-zoom-in-top-enter-active[data-popper-placement^=top],
.vft-zoom-in-top-leave-active[data-popper-placement^=top] {
  transform-origin: center bottom;
}

.vft-zoom-in-top-enter-from,
.vft-zoom-in-top-leave-active {
  transform: scaleY(0);
  opacity: 0;
}

.vft-zoom-in-top-fast-enter-active {
  transition: var(--vft-transition-md-fade);
  transform: scaleY(1);
  transform-origin: center top;
  opacity: 1;
}
.vft-zoom-in-top-fast-enter-active[data-popper-placement^=top] {
  transform-origin: center bottom;
}

.vft-zoom-in-top-fast-leave-active {
  transform: scaleY(1);
  transform-origin: center top;
  opacity: 1;
}
.vft-zoom-in-top-fast-leave-active[data-popper-placement^=top] {
  transform-origin: center bottom;
}

.vft-zoom-in-top-fast-enter-from,
.vft-zoom-in-top-fast-leave-active {
  transform: scaleY(0);
  opacity: 0;
}

.vft-zoom-in-bottom-enter-active,
.vft-zoom-in-bottom-leave-active {
  transform: scaleY(1);
  transform-origin: center bottom;
  transition: var(--vft-transition-md-fade);
  opacity: 1;
}

.vft-zoom-in-bottom-enter-from,
.vft-zoom-in-bottom-leave-active {
  transform: scaleY(0);
  opacity: 0;
}

.vft-zoom-in-left-enter-active,
.vft-zoom-in-left-leave-active {
  transform: scale(1, 1);
  transform-origin: top left;
  transition: var(--vft-transition-md-fade);
  opacity: 1;
}

.vft-zoom-in-left-enter-from,
.vft-zoom-in-left-leave-active {
  transform: scale(0.45, 0.45);
  opacity: 0;
}

.collapse-transition {
  transition: var(--vft-transition-duration) height ease-in-out, var(--vft-transition-duration) padding-top ease-in-out, var(--vft-transition-duration) padding-bottom ease-in-out;
}

.vft-collapse-transition-leave-active,
.vft-collapse-transition-enter-active {
  transition: var(--vft-transition-duration) max-height ease-in-out, var(--vft-transition-duration) padding-top ease-in-out, var(--vft-transition-duration) padding-bottom ease-in-out;
}

.horizontal-collapse-transition {
  transition: var(--vft-transition-duration) width ease-in-out, var(--vft-transition-duration) padding-left ease-in-out, var(--vft-transition-duration) padding-right ease-in-out;
}

.vft-list-enter-active,
.vft-list-leave-active {
  transition: all 1s;
}

.vft-list-enter-from,
.vft-list-leave-to {
  transform: translateY(-1.875rem);
  opacity: 0;
}

.vft-list-leave-active {
  position: absolute !important;
}

.vft-opacity-transition {
  transition: opacity var(--vft-transition-duration) cubic-bezier(0.55, 0, 0.1, 1);
}

@keyframes vft-rotate {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes vft-loading-dot {
  33% {
    transform: translateY(-2em);
  }
  66% {
    transform: translateY(-1em);
  }
}
.vft-overlay {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  height: 100%;
  background-color: var(--vft-overlay-color-lighter);
  overflow: auto;
}
.vft-overlay .vft-overlay-root {
  height: 0;
}.vft-fade-in-linear-enter-active,
.vft-fade-in-linear-leave-active {
  transition: var(--vft-transition-fade-linear);
}

.vft-fade-in-linear-enter-from,
.vft-fade-in-linear-leave-to {
  opacity: 0;
}

.vft-fade-in-enter-active,
.vft-fade-in-leave-active {
  transition: all var(--vft-transition-duration) cubic-bezier(0.55, 0, 0.1, 1);
}

.vft-fade-in-enter-from,
.vft-fade-in-leave-active {
  opacity: 0;
}

.vft-zoom-in-center-enter-active,
.vft-zoom-in-center-leave-active {
  transition: all var(--vft-transition-duration) cubic-bezier(0.55, 0, 0.1, 1);
}

.vft-zoom-in-center-enter-from,
.vft-zoom-in-center-leave-active {
  transform: scaleX(0);
  opacity: 0;
}

.vft-zoom-in-top-enter-active,
.vft-zoom-in-top-leave-active {
  transition: var(--vft-transition-md-fade);
  transform: scaleY(1);
  transform-origin: center top;
  opacity: 1;
}
.vft-zoom-in-top-enter-active[data-popper-placement^=top],
.vft-zoom-in-top-leave-active[data-popper-placement^=top] {
  transform-origin: center bottom;
}

.vft-zoom-in-top-enter-from,
.vft-zoom-in-top-leave-active {
  transform: scaleY(0);
  opacity: 0;
}

.vft-zoom-in-top-fast-enter-active {
  transition: var(--vft-transition-md-fade);
  transform: scaleY(1);
  transform-origin: center top;
  opacity: 1;
}
.vft-zoom-in-top-fast-enter-active[data-popper-placement^=top] {
  transform-origin: center bottom;
}

.vft-zoom-in-top-fast-leave-active {
  transform: scaleY(1);
  transform-origin: center top;
  opacity: 1;
}
.vft-zoom-in-top-fast-leave-active[data-popper-placement^=top] {
  transform-origin: center bottom;
}

.vft-zoom-in-top-fast-enter-from,
.vft-zoom-in-top-fast-leave-active {
  transform: scaleY(0);
  opacity: 0;
}

.vft-zoom-in-bottom-enter-active,
.vft-zoom-in-bottom-leave-active {
  transform: scaleY(1);
  transform-origin: center bottom;
  transition: var(--vft-transition-md-fade);
  opacity: 1;
}

.vft-zoom-in-bottom-enter-from,
.vft-zoom-in-bottom-leave-active {
  transform: scaleY(0);
  opacity: 0;
}

.vft-zoom-in-left-enter-active,
.vft-zoom-in-left-leave-active {
  transform: scale(1, 1);
  transform-origin: top left;
  transition: var(--vft-transition-md-fade);
  opacity: 1;
}

.vft-zoom-in-left-enter-from,
.vft-zoom-in-left-leave-active {
  transform: scale(0.45, 0.45);
  opacity: 0;
}

.collapse-transition {
  transition: var(--vft-transition-duration) height ease-in-out, var(--vft-transition-duration) padding-top ease-in-out, var(--vft-transition-duration) padding-bottom ease-in-out;
}

.vft-collapse-transition-leave-active,
.vft-collapse-transition-enter-active {
  transition: var(--vft-transition-duration) max-height ease-in-out, var(--vft-transition-duration) padding-top ease-in-out, var(--vft-transition-duration) padding-bottom ease-in-out;
}

.horizontal-collapse-transition {
  transition: var(--vft-transition-duration) width ease-in-out, var(--vft-transition-duration) padding-left ease-in-out, var(--vft-transition-duration) padding-right ease-in-out;
}

.vft-list-enter-active,
.vft-list-leave-active {
  transition: all 1s;
}

.vft-list-enter-from,
.vft-list-leave-to {
  transform: translateY(-1.875rem);
  opacity: 0;
}

.vft-list-leave-active {
  position: absolute !important;
}

.vft-opacity-transition {
  transition: opacity var(--vft-transition-duration) cubic-bezier(0.55, 0, 0.1, 1);
}

@keyframes vft-rotate {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes vft-loading-dot {
  33% {
    transform: translateY(-2em);
  }
  66% {
    transform: translateY(-1em);
  }
}
.vft-overlay.is-drawer {
  overflow: hidden;
}

.vft-drawer {
  --vft-drawer-bg-color: var(--vft-dialog-bg-color, var(--vft-bg-color));
  --vft-drawer-padding-primary: var(--vft-dialog-padding-primary, 1.25rem);
}

.vft-drawer {
  display: flex;
  position: absolute;
  box-sizing: border-box;
  flex-direction: column;
  transition: all var(--vft-transition-duration);
  background-color: var(--vft-drawer-bg-color);
  box-shadow: var(--vft-box-shadow-dark);
}
.vft-drawer .rtl {
  transform: translate(0, 0);
}
.vft-drawer .ltr {
  transform: translate(0, 0);
}
.vft-drawer .ttb {
  transform: translate(0, 0);
}
.vft-drawer .btt {
  transform: translate(0, 0);
}
.vft-drawer__sr-focus:focus {
  outline: none !important;
}
.vft-drawer__header {
  display: flex;
  align-items: center;
  margin-bottom: 2rem;
  padding: var(--vft-drawer-padding-primary);
  padding-bottom: 0;
  overflow: hidden;
  color: var(--vft-text-primary-color);
}
.vft-drawer__header > :first-child {
  flex: 1;
}
.vft-drawer__title {
  flex: 1;
  margin: 0;
  font-size: 1rem;
  line-height: inherit;
}
.vft-drawer__footer {
  padding: var(--vft-drawer-padding-primary);
  padding-top: 0.625rem;
  overflow: hidden;
  text-align: right;
}

.vft-drawer__close {
  color: var(--vft-text-placeholder-color);
}
.vft-drawer__close:hover {
  color: var(--vft-primary-color);
}
.vft-drawer__body {
  flex: 1;
  padding: var(--vft-drawer-padding-primary);
  overflow: auto;
}
.vft-drawer__body > * {
  box-sizing: border-box;
}
.vft-drawer.is-dragging {
  transition: none;
}

.vft-drawer__dragger {
  position: absolute;
  transition: all 0.2s;
  background-color: transparent;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.vft-drawer__dragger::before {
  content: "";
  position: absolute;
  transition: all 0.2s;
  background-color: transparent;
}
.vft-drawer__dragger:hover::before {
  background-color: var(--vft-primary-color);
}

.vft-drawer.ltr, .vft-drawer.rtl {
  top: 0;
  bottom: 0;
  height: 100%;
}
.vft-drawer.ltr > .vft-drawer__dragger, .vft-drawer.rtl > .vft-drawer__dragger {
  top: 0;
  bottom: 0;
  width: var(--vft-drawer-dragger-size);
  height: 100%;
  cursor: ew-resize;
}
.vft-drawer.ltr > .vft-drawer__dragger::before, .vft-drawer.rtl > .vft-drawer__dragger::before {
  top: 0;
  bottom: 0;
  width: 0.1875rem;
}
.vft-drawer.ttb, .vft-drawer.btt {
  right: 0;
  left: 0;
  width: 100%;
}
.vft-drawer.ttb > .vft-drawer__dragger, .vft-drawer.btt > .vft-drawer__dragger {
  right: 0;
  left: 0;
  width: 100%;
  height: var(--vft-drawer-dragger-size);
  cursor: ns-resize;
}
.vft-drawer.ttb > .vft-drawer__dragger::before, .vft-drawer.btt > .vft-drawer__dragger::before {
  right: 0;
  left: 0;
  height: 0.1875rem;
}
.vft-drawer.ltr {
  left: 0;
}
.vft-drawer.ltr > .vft-drawer__dragger {
  right: 0;
}
.vft-drawer.ltr > .vft-drawer__dragger::before {
  right: -0.125rem;
}
.vft-drawer.rtl {
  right: 0;
}
.vft-drawer.rtl > .vft-drawer__dragger {
  left: 0;
}
.vft-drawer.rtl > .vft-drawer__dragger::before {
  left: -0.125rem;
}
.vft-drawer.ttb {
  top: 0;
}
.vft-drawer.ttb > .vft-drawer__dragger {
  bottom: 0;
}
.vft-drawer.ttb > .vft-drawer__dragger::before {
  bottom: -0.125rem;
}
.vft-drawer.btt {
  bottom: 0;
}
.vft-drawer.btt > .vft-drawer__dragger {
  top: 0;
}
.vft-drawer.btt > .vft-drawer__dragger::before {
  top: -0.125rem;
}

.vft-drawer-fade-enter-active, .vft-drawer-fade-leave-active {
  transition: all var(--vft-transition-duration);
}
.vft-drawer-fade-enter-from, .vft-drawer-fade-enter-active, .vft-drawer-fade-enter-to, .vft-drawer-fade-leave-from, .vft-drawer-fade-leave-active, .vft-drawer-fade-leave-to {
  overflow: hidden !important;
}
.vft-drawer-fade-enter-from, .vft-drawer-fade-leave-to {
  background-color: transparent !important;
}
.vft-drawer-fade-enter-from .rtl, .vft-drawer-fade-leave-to .rtl {
  transform: translateX(100%);
}
.vft-drawer-fade-enter-from .ltr, .vft-drawer-fade-leave-to .ltr {
  transform: translateX(-100%);
}
.vft-drawer-fade-enter-from .ttb, .vft-drawer-fade-leave-to .ttb {
  transform: translateY(-100%);
}
.vft-drawer-fade-enter-from .btt, .vft-drawer-fade-leave-to .btt {
  transform: translateY(100%);
}.vft-fade-in-linear-enter-active,
.vft-fade-in-linear-leave-active {
  transition: var(--vft-transition-fade-linear);
}

.vft-fade-in-linear-enter-from,
.vft-fade-in-linear-leave-to {
  opacity: 0;
}

.vft-fade-in-enter-active,
.vft-fade-in-leave-active {
  transition: all var(--vft-transition-duration) cubic-bezier(0.55, 0, 0.1, 1);
}

.vft-fade-in-enter-from,
.vft-fade-in-leave-active {
  opacity: 0;
}

.vft-zoom-in-center-enter-active,
.vft-zoom-in-center-leave-active {
  transition: all var(--vft-transition-duration) cubic-bezier(0.55, 0, 0.1, 1);
}

.vft-zoom-in-center-enter-from,
.vft-zoom-in-center-leave-active {
  transform: scaleX(0);
  opacity: 0;
}

.vft-zoom-in-top-enter-active,
.vft-zoom-in-top-leave-active {
  transition: var(--vft-transition-md-fade);
  transform: scaleY(1);
  transform-origin: center top;
  opacity: 1;
}
.vft-zoom-in-top-enter-active[data-popper-placement^=top],
.vft-zoom-in-top-leave-active[data-popper-placement^=top] {
  transform-origin: center bottom;
}

.vft-zoom-in-top-enter-from,
.vft-zoom-in-top-leave-active {
  transform: scaleY(0);
  opacity: 0;
}

.vft-zoom-in-top-fast-enter-active {
  transition: var(--vft-transition-md-fade);
  transform: scaleY(1);
  transform-origin: center top;
  opacity: 1;
}
.vft-zoom-in-top-fast-enter-active[data-popper-placement^=top] {
  transform-origin: center bottom;
}

.vft-zoom-in-top-fast-leave-active {
  transform: scaleY(1);
  transform-origin: center top;
  opacity: 1;
}
.vft-zoom-in-top-fast-leave-active[data-popper-placement^=top] {
  transform-origin: center bottom;
}

.vft-zoom-in-top-fast-enter-from,
.vft-zoom-in-top-fast-leave-active {
  transform: scaleY(0);
  opacity: 0;
}

.vft-zoom-in-bottom-enter-active,
.vft-zoom-in-bottom-leave-active {
  transform: scaleY(1);
  transform-origin: center bottom;
  transition: var(--vft-transition-md-fade);
  opacity: 1;
}

.vft-zoom-in-bottom-enter-from,
.vft-zoom-in-bottom-leave-active {
  transform: scaleY(0);
  opacity: 0;
}

.vft-zoom-in-left-enter-active,
.vft-zoom-in-left-leave-active {
  transform: scale(1, 1);
  transform-origin: top left;
  transition: var(--vft-transition-md-fade);
  opacity: 1;
}

.vft-zoom-in-left-enter-from,
.vft-zoom-in-left-leave-active {
  transform: scale(0.45, 0.45);
  opacity: 0;
}

.collapse-transition {
  transition: var(--vft-transition-duration) height ease-in-out, var(--vft-transition-duration) padding-top ease-in-out, var(--vft-transition-duration) padding-bottom ease-in-out;
}

.vft-collapse-transition-leave-active,
.vft-collapse-transition-enter-active {
  transition: var(--vft-transition-duration) max-height ease-in-out, var(--vft-transition-duration) padding-top ease-in-out, var(--vft-transition-duration) padding-bottom ease-in-out;
}

.horizontal-collapse-transition {
  transition: var(--vft-transition-duration) width ease-in-out, var(--vft-transition-duration) padding-left ease-in-out, var(--vft-transition-duration) padding-right ease-in-out;
}

.vft-list-enter-active,
.vft-list-leave-active {
  transition: all 1s;
}

.vft-list-enter-from,
.vft-list-leave-to {
  transform: translateY(-1.875rem);
  opacity: 0;
}

.vft-list-leave-active {
  position: absolute !important;
}

.vft-opacity-transition {
  transition: opacity var(--vft-transition-duration) cubic-bezier(0.55, 0, 0.1, 1);
}

@keyframes vft-rotate {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes vft-loading-dot {
  33% {
    transform: translateY(-2em);
  }
  66% {
    transform: translateY(-1em);
  }
}
.vft-switch {
  --vft-switch-on-color: var(--vft-primary-color);
  --vft-switch-off-color: var(--vft-border-color);
}

.vft-switch {
  display: inline-flex;
  align-items: center;
  position: relative;
  font-size: 0.875rem;
  line-height: 1.25rem;
  height: 2rem;
  vertical-align: middle;
}
.vft-switch.is-disabled .vft-switch__core, .vft-switch.is-disabled .vft-switch__label {
  cursor: not-allowed;
}

.vft-switch__label {
  transition: var(--vft-transition-duration-fast);
  height: 1.25rem;
  display: inline-block;
  font-size: 0.875rem;
  font-weight: 500;
  cursor: pointer;
  vertical-align: middle;
  color: var(--vft-text-primary-color);
}
.vft-switch__label.is-active {
  color: var(--vft-primary-color);
}

.vft-switch__label--left {
  margin-right: 0.625rem;
}

.vft-switch__label--right {
  margin-left: 0.625rem;
}

.vft-switch__label * {
  line-height: 1;
  font-size: 0.875rem;
  display: inline-block;
}
.vft-switch__label .vft-icon {
  height: inherit;
}
.vft-switch__label .vft-icon svg {
  vertical-align: middle;
}

.vft-switch__input {
  position: absolute;
  width: 0;
  height: 0;
  opacity: 0;
  margin: 0;
}
.vft-switch__input:focus-visible ~ .vft-switch__core {
  outline: 0.125rem solid var(--vft-switch-on-color);
  outline-offset: 0.0625rem;
}

.vft-switch__core {
  display: inline-flex;
  position: relative;
  align-items: center;
  min-width: 2.5rem;
  height: 1.25rem;
  border: 0.0625rem solid var(--vft-switch-border-color, var(--vft-switch-off-color));
  outline: none;
  border-radius: 0.625rem;
  box-sizing: border-box;
  background: var(--vft-switch-off-color);
  cursor: pointer;
  transition: border-color var(--vft-transition-duration), background-color var(--vft-transition-duration);
}
.vft-switch__core .vft-switch__inner {
  width: 100%;
  transition: all var(--vft-transition-duration);
  height: 1rem;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  padding: 0 0.25rem 0 calc(1rem + 0.125rem);
}
.vft-switch__core .vft-switch__inner i,
.vft-switch__core .vft-switch__inner .is-text {
  font-size: 0.75rem;
  color: var(--vft-color-white);
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  line-clamp: 1;
  word-break: break-all;
}
.vft-switch__core .vft-switch__action {
  position: absolute;
  left: 0.0625rem;
  border-radius: var(--vft-border-radius-circle);
  transition: all var(--vft-transition-duration);
  width: 1rem;
  height: 1rem;
  background-color: var(--vft-color-white);
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--vft-switch-off-color);
}

.vft-switch.is-checked .vft-switch__core {
  border-color: var(--vft-switch-border-color, var(--vft-switch-on-color));
  background-color: var(--vft-switch-on-color);
}
.vft-switch.is-checked .vft-switch__core .vft-switch__action {
  left: calc(100% - 1.0625rem);
  color: var(--vft-switch-on-color);
}
.vft-switch.is-checked .vft-switch__core .vft-switch__inner {
  padding: 0 calc(1rem + 0.125rem) 0 0.25rem;
}

.vft-switch.is-disabled {
  opacity: 0.6;
}

.vft-switch--wide .vft-switch__label.vft-switch__label--left span {
  left: 0.625rem;
}
.vft-switch--wide .vft-switch__label.vft-switch__label--right span {
  right: 0.625rem;
}

.vft-switch .label-fade-enter-from, .vft-switch .label-fade-leave-active {
  opacity: 0;
}
.vft-switch .icon-loading {
  width: 1em;
  height: 1em;
  background-color: currentcolor;
  -webkit-mask: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="M512 64a32 32 0 0 1 32 32v192a32 32 0 0 1-64 0V96a32 32 0 0 1 32-32zm0 640a32 32 0 0 1 32 32v192a32 32 0 1 1-64 0V736a32 32 0 0 1 32-32zm448-192a32 32 0 0 1-32 32H736a32 32 0 1 1 0-64h192a32 32 0 0 1 32 32zm-640 0a32 32 0 0 1-32 32H96a32 32 0 0 1 0-64h192a32 32 0 0 1 32 32zM195.2 195.2a32 32 0 0 1 45.248 0L376.32 331.008a32 32 0 0 1-45.248 45.248L195.2 240.448a32 32 0 0 1 0-45.248zm452.544 452.544a32 32 0 0 1 45.248 0L828.8 783.552a32 32 0 0 1-45.248 45.248L647.744 692.992a32 32 0 0 1 0-45.248zM828.8 195.264a32 32 0 0 1 0 45.184L692.992 376.32a32 32 0 0 1-45.248-45.248l135.808-135.808a32 32 0 0 1 45.248 0zm-452.544 452.48a32 32 0 0 1 0 45.248L240.448 828.8a32 32 0 0 1-45.248-45.248l135.808-135.808a32 32 0 0 1 45.248 0z"%2F%3E%3C%2Fsvg%3E') no-repeat;
          mask: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="M512 64a32 32 0 0 1 32 32v192a32 32 0 0 1-64 0V96a32 32 0 0 1 32-32zm0 640a32 32 0 0 1 32 32v192a32 32 0 1 1-64 0V736a32 32 0 0 1 32-32zm448-192a32 32 0 0 1-32 32H736a32 32 0 1 1 0-64h192a32 32 0 0 1 32 32zm-640 0a32 32 0 0 1-32 32H96a32 32 0 0 1 0-64h192a32 32 0 0 1 32 32zM195.2 195.2a32 32 0 0 1 45.248 0L376.32 331.008a32 32 0 0 1-45.248 45.248L195.2 240.448a32 32 0 0 1 0-45.248zm452.544 452.544a32 32 0 0 1 45.248 0L828.8 783.552a32 32 0 0 1-45.248 45.248L647.744 692.992a32 32 0 0 1 0-45.248zM828.8 195.264a32 32 0 0 1 0 45.184L692.992 376.32a32 32 0 0 1-45.248-45.248l135.808-135.808a32 32 0 0 1 45.248 0zm-452.544 452.48a32 32 0 0 1 0 45.248L240.448 828.8a32 32 0 0 1-45.248-45.248l135.808-135.808a32 32 0 0 1 45.248 0z"%2F%3E%3C%2Fsvg%3E') no-repeat;
  -webkit-mask-size: 100% 100%;
          mask-size: 100% 100%;
}
.vft-switch--large {
  font-size: 0.875rem;
  line-height: 1.5rem;
  height: 2.5rem;
}
.vft-switch--large .vft-switch__label {
  height: 1.5rem;
  font-size: 0.875rem;
}
.vft-switch--large .vft-switch__label * {
  font-size: 0.875rem;
}

.vft-switch--large .vft-switch__core {
  min-width: 3.125rem;
  height: 1.5rem;
  border-radius: 0.75rem;
}
.vft-switch--large .vft-switch__core .vft-switch__inner {
  height: 1.25rem;
  padding: 0 0.375rem 0 calc(1.25rem + 0.125rem);
}
.vft-switch--large .vft-switch__core .vft-switch__action {
  width: 1.25rem;
  height: 1.25rem;
}

.vft-switch--large.is-checked .vft-switch__core .vft-switch__action {
  left: calc(100% - 1.3125rem);
}
.vft-switch--large.is-checked .vft-switch__core .vft-switch__inner {
  padding: 0 calc(1.25rem + 0.125rem) 0 0.375rem;
}

.vft-switch--small {
  font-size: 0.75rem;
  line-height: 1rem;
  height: 1.5rem;
}
.vft-switch--small .vft-switch__label {
  height: 1rem;
  font-size: 0.75rem;
}
.vft-switch--small .vft-switch__label * {
  font-size: 0.75rem;
}

.vft-switch--small .vft-switch__core {
  min-width: 1.875rem;
  height: 1rem;
  border-radius: 0.5rem;
}
.vft-switch--small .vft-switch__core .vft-switch__inner {
  height: 0.75rem;
  padding: 0 0.125rem 0 calc(0.75rem + 0.125rem);
}
.vft-switch--small .vft-switch__core .vft-switch__action {
  width: 0.75rem;
  height: 0.75rem;
}

.vft-switch--small.is-checked .vft-switch__core .vft-switch__action {
  left: calc(100% - 0.8125rem);
}
.vft-switch--small.is-checked .vft-switch__core .vft-switch__inner {
  padding: 0 calc(0.75rem + 0.125rem) 0 0.125rem;
}.vft-fade-in-linear-enter-active,
.vft-fade-in-linear-leave-active {
  transition: var(--vft-transition-fade-linear);
}

.vft-fade-in-linear-enter-from,
.vft-fade-in-linear-leave-to {
  opacity: 0;
}

.vft-fade-in-enter-active,
.vft-fade-in-leave-active {
  transition: all var(--vft-transition-duration) cubic-bezier(0.55, 0, 0.1, 1);
}

.vft-fade-in-enter-from,
.vft-fade-in-leave-active {
  opacity: 0;
}

.vft-zoom-in-center-enter-active,
.vft-zoom-in-center-leave-active {
  transition: all var(--vft-transition-duration) cubic-bezier(0.55, 0, 0.1, 1);
}

.vft-zoom-in-center-enter-from,
.vft-zoom-in-center-leave-active {
  transform: scaleX(0);
  opacity: 0;
}

.vft-zoom-in-top-enter-active,
.vft-zoom-in-top-leave-active {
  transition: var(--vft-transition-md-fade);
  transform: scaleY(1);
  transform-origin: center top;
  opacity: 1;
}
.vft-zoom-in-top-enter-active[data-popper-placement^=top],
.vft-zoom-in-top-leave-active[data-popper-placement^=top] {
  transform-origin: center bottom;
}

.vft-zoom-in-top-enter-from,
.vft-zoom-in-top-leave-active {
  transform: scaleY(0);
  opacity: 0;
}

.vft-zoom-in-top-fast-enter-active {
  transition: var(--vft-transition-md-fade);
  transform: scaleY(1);
  transform-origin: center top;
  opacity: 1;
}
.vft-zoom-in-top-fast-enter-active[data-popper-placement^=top] {
  transform-origin: center bottom;
}

.vft-zoom-in-top-fast-leave-active {
  transform: scaleY(1);
  transform-origin: center top;
  opacity: 1;
}
.vft-zoom-in-top-fast-leave-active[data-popper-placement^=top] {
  transform-origin: center bottom;
}

.vft-zoom-in-top-fast-enter-from,
.vft-zoom-in-top-fast-leave-active {
  transform: scaleY(0);
  opacity: 0;
}

.vft-zoom-in-bottom-enter-active,
.vft-zoom-in-bottom-leave-active {
  transform: scaleY(1);
  transform-origin: center bottom;
  transition: var(--vft-transition-md-fade);
  opacity: 1;
}

.vft-zoom-in-bottom-enter-from,
.vft-zoom-in-bottom-leave-active {
  transform: scaleY(0);
  opacity: 0;
}

.vft-zoom-in-left-enter-active,
.vft-zoom-in-left-leave-active {
  transform: scale(1, 1);
  transform-origin: top left;
  transition: var(--vft-transition-md-fade);
  opacity: 1;
}

.vft-zoom-in-left-enter-from,
.vft-zoom-in-left-leave-active {
  transform: scale(0.45, 0.45);
  opacity: 0;
}

.collapse-transition {
  transition: var(--vft-transition-duration) height ease-in-out, var(--vft-transition-duration) padding-top ease-in-out, var(--vft-transition-duration) padding-bottom ease-in-out;
}

.vft-collapse-transition-leave-active,
.vft-collapse-transition-enter-active {
  transition: var(--vft-transition-duration) max-height ease-in-out, var(--vft-transition-duration) padding-top ease-in-out, var(--vft-transition-duration) padding-bottom ease-in-out;
}

.horizontal-collapse-transition {
  transition: var(--vft-transition-duration) width ease-in-out, var(--vft-transition-duration) padding-left ease-in-out, var(--vft-transition-duration) padding-right ease-in-out;
}

.vft-list-enter-active,
.vft-list-leave-active {
  transition: all 1s;
}

.vft-list-enter-from,
.vft-list-leave-to {
  transform: translateY(-1.875rem);
  opacity: 0;
}

.vft-list-leave-active {
  position: absolute !important;
}

.vft-opacity-transition {
  transition: opacity var(--vft-transition-duration) cubic-bezier(0.55, 0, 0.1, 1);
}

@keyframes vft-rotate {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes vft-loading-dot {
  33% {
    transform: translateY(-2em);
  }
  66% {
    transform: translateY(-1em);
  }
}
:root {
  --vft-icon-size: 0.875rem;
  --vft-icon-color: inherit;
  --vft-icon-cursor: initial;
  --vft-icon-animation: none;
}

.vft-icon {
  display: inline-block;
  transition: color var(--vft-transition-duration);
  animation: var(--vft-icon-animation);
  color: var(--vft-icon-color);
  font-size: var(--vft-icon-size);
  cursor: var(--vft-icon-cursor);
}
.vft-icon:hover {
  color: var(--vft-icon-hover-color, var(--vft-icon-color));
}

.vft-icon__image {
  display: inline-block;
  width: 1em;
  height: 1em;
  -o-object-fit: contain;
     object-fit: contain;
  font-size: var(--vft-icon-size);
}.vft-fade-in-linear-enter-active,
.vft-fade-in-linear-leave-active {
  transition: var(--vft-transition-fade-linear);
}

.vft-fade-in-linear-enter-from,
.vft-fade-in-linear-leave-to {
  opacity: 0;
}

.vft-fade-in-enter-active,
.vft-fade-in-leave-active {
  transition: all var(--vft-transition-duration) cubic-bezier(0.55, 0, 0.1, 1);
}

.vft-fade-in-enter-from,
.vft-fade-in-leave-active {
  opacity: 0;
}

.vft-zoom-in-center-enter-active,
.vft-zoom-in-center-leave-active {
  transition: all var(--vft-transition-duration) cubic-bezier(0.55, 0, 0.1, 1);
}

.vft-zoom-in-center-enter-from,
.vft-zoom-in-center-leave-active {
  transform: scaleX(0);
  opacity: 0;
}

.vft-zoom-in-top-enter-active,
.vft-zoom-in-top-leave-active {
  transition: var(--vft-transition-md-fade);
  transform: scaleY(1);
  transform-origin: center top;
  opacity: 1;
}
.vft-zoom-in-top-enter-active[data-popper-placement^=top],
.vft-zoom-in-top-leave-active[data-popper-placement^=top] {
  transform-origin: center bottom;
}

.vft-zoom-in-top-enter-from,
.vft-zoom-in-top-leave-active {
  transform: scaleY(0);
  opacity: 0;
}

.vft-zoom-in-top-fast-enter-active {
  transition: var(--vft-transition-md-fade);
  transform: scaleY(1);
  transform-origin: center top;
  opacity: 1;
}
.vft-zoom-in-top-fast-enter-active[data-popper-placement^=top] {
  transform-origin: center bottom;
}

.vft-zoom-in-top-fast-leave-active {
  transform: scaleY(1);
  transform-origin: center top;
  opacity: 1;
}
.vft-zoom-in-top-fast-leave-active[data-popper-placement^=top] {
  transform-origin: center bottom;
}

.vft-zoom-in-top-fast-enter-from,
.vft-zoom-in-top-fast-leave-active {
  transform: scaleY(0);
  opacity: 0;
}

.vft-zoom-in-bottom-enter-active,
.vft-zoom-in-bottom-leave-active {
  transform: scaleY(1);
  transform-origin: center bottom;
  transition: var(--vft-transition-md-fade);
  opacity: 1;
}

.vft-zoom-in-bottom-enter-from,
.vft-zoom-in-bottom-leave-active {
  transform: scaleY(0);
  opacity: 0;
}

.vft-zoom-in-left-enter-active,
.vft-zoom-in-left-leave-active {
  transform: scale(1, 1);
  transform-origin: top left;
  transition: var(--vft-transition-md-fade);
  opacity: 1;
}

.vft-zoom-in-left-enter-from,
.vft-zoom-in-left-leave-active {
  transform: scale(0.45, 0.45);
  opacity: 0;
}

.collapse-transition {
  transition: var(--vft-transition-duration) height ease-in-out, var(--vft-transition-duration) padding-top ease-in-out, var(--vft-transition-duration) padding-bottom ease-in-out;
}

.vft-collapse-transition-leave-active,
.vft-collapse-transition-enter-active {
  transition: var(--vft-transition-duration) max-height ease-in-out, var(--vft-transition-duration) padding-top ease-in-out, var(--vft-transition-duration) padding-bottom ease-in-out;
}

.horizontal-collapse-transition {
  transition: var(--vft-transition-duration) width ease-in-out, var(--vft-transition-duration) padding-left ease-in-out, var(--vft-transition-duration) padding-right ease-in-out;
}

.vft-list-enter-active,
.vft-list-leave-active {
  transition: all 1s;
}

.vft-list-enter-from,
.vft-list-leave-to {
  transform: translateY(-1.875rem);
  opacity: 0;
}

.vft-list-leave-active {
  position: absolute !important;
}

.vft-opacity-transition {
  transition: opacity var(--vft-transition-duration) cubic-bezier(0.55, 0, 0.1, 1);
}

@keyframes vft-rotate {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes vft-loading-dot {
  33% {
    transform: translateY(-2em);
  }
  66% {
    transform: translateY(-1em);
  }
}
:root {
  --vft-icon-text-color: inherit;
  --vft-icon-text-font-size: var(--vft-font-size-extra-small);
  --vft-icon-text-cursor: initial;
}

.vft-icon-text {
  display: flex;
  align-items: center;
  width: -moz-fit-content;
  width: fit-content;
  color: var(--vft-icon-text-color);
  font-size: var(--vft-icon-text-font-size);
  line-height: 1;
  cursor: var(--vft-icon-text-cursor);
}
.vft-icon-text.is-col {
  flex-direction: column;
  height: -moz-fit-content;
  height: fit-content;
}

.vft-icon-text:hover {
  color: var(--vft-icon-text-hover-color, var(--vft-icon-text-color));
}
.vft-icon-text:not(.disable-icon-hover):hover i {
  color: var(--vft-icon-hover-color, var(--vft-icon-text-color));
}
.vft-icon-text i {
  flex: none;
}
.vft-icon-text .text-clamp {
  overflow: visible !important;
}.vft-fade-in-linear-enter-active,
.vft-fade-in-linear-leave-active {
  transition: var(--vft-transition-fade-linear);
}

.vft-fade-in-linear-enter-from,
.vft-fade-in-linear-leave-to {
  opacity: 0;
}

.vft-fade-in-enter-active,
.vft-fade-in-leave-active {
  transition: all var(--vft-transition-duration) cubic-bezier(0.55, 0, 0.1, 1);
}

.vft-fade-in-enter-from,
.vft-fade-in-leave-active {
  opacity: 0;
}

.vft-zoom-in-center-enter-active,
.vft-zoom-in-center-leave-active {
  transition: all var(--vft-transition-duration) cubic-bezier(0.55, 0, 0.1, 1);
}

.vft-zoom-in-center-enter-from,
.vft-zoom-in-center-leave-active {
  transform: scaleX(0);
  opacity: 0;
}

.vft-zoom-in-top-enter-active,
.vft-zoom-in-top-leave-active {
  transition: var(--vft-transition-md-fade);
  transform: scaleY(1);
  transform-origin: center top;
  opacity: 1;
}
.vft-zoom-in-top-enter-active[data-popper-placement^=top],
.vft-zoom-in-top-leave-active[data-popper-placement^=top] {
  transform-origin: center bottom;
}

.vft-zoom-in-top-enter-from,
.vft-zoom-in-top-leave-active {
  transform: scaleY(0);
  opacity: 0;
}

.vft-zoom-in-top-fast-enter-active {
  transition: var(--vft-transition-md-fade);
  transform: scaleY(1);
  transform-origin: center top;
  opacity: 1;
}
.vft-zoom-in-top-fast-enter-active[data-popper-placement^=top] {
  transform-origin: center bottom;
}

.vft-zoom-in-top-fast-leave-active {
  transform: scaleY(1);
  transform-origin: center top;
  opacity: 1;
}
.vft-zoom-in-top-fast-leave-active[data-popper-placement^=top] {
  transform-origin: center bottom;
}

.vft-zoom-in-top-fast-enter-from,
.vft-zoom-in-top-fast-leave-active {
  transform: scaleY(0);
  opacity: 0;
}

.vft-zoom-in-bottom-enter-active,
.vft-zoom-in-bottom-leave-active {
  transform: scaleY(1);
  transform-origin: center bottom;
  transition: var(--vft-transition-md-fade);
  opacity: 1;
}

.vft-zoom-in-bottom-enter-from,
.vft-zoom-in-bottom-leave-active {
  transform: scaleY(0);
  opacity: 0;
}

.vft-zoom-in-left-enter-active,
.vft-zoom-in-left-leave-active {
  transform: scale(1, 1);
  transform-origin: top left;
  transition: var(--vft-transition-md-fade);
  opacity: 1;
}

.vft-zoom-in-left-enter-from,
.vft-zoom-in-left-leave-active {
  transform: scale(0.45, 0.45);
  opacity: 0;
}

.collapse-transition {
  transition: var(--vft-transition-duration) height ease-in-out, var(--vft-transition-duration) padding-top ease-in-out, var(--vft-transition-duration) padding-bottom ease-in-out;
}

.vft-collapse-transition-leave-active,
.vft-collapse-transition-enter-active {
  transition: var(--vft-transition-duration) max-height ease-in-out, var(--vft-transition-duration) padding-top ease-in-out, var(--vft-transition-duration) padding-bottom ease-in-out;
}

.horizontal-collapse-transition {
  transition: var(--vft-transition-duration) width ease-in-out, var(--vft-transition-duration) padding-left ease-in-out, var(--vft-transition-duration) padding-right ease-in-out;
}

.vft-list-enter-active,
.vft-list-leave-active {
  transition: all 1s;
}

.vft-list-enter-from,
.vft-list-leave-to {
  transform: translateY(-1.875rem);
  opacity: 0;
}

.vft-list-leave-active {
  position: absolute !important;
}

.vft-opacity-transition {
  transition: opacity var(--vft-transition-duration) cubic-bezier(0.55, 0, 0.1, 1);
}

@keyframes vft-rotate {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes vft-loading-dot {
  33% {
    transform: translateY(-2em);
  }
  66% {
    transform: translateY(-1em);
  }
}
.vft-container {
  display: flex;
  flex-direction: row;
  flex: 1;
  flex-basis: auto;
  box-sizing: border-box;
  min-width: 0;
}
.vft-container.is-vertical {
  flex-direction: column;
}.vft-fade-in-linear-enter-active,
.vft-fade-in-linear-leave-active {
  transition: var(--vft-transition-fade-linear);
}

.vft-fade-in-linear-enter-from,
.vft-fade-in-linear-leave-to {
  opacity: 0;
}

.vft-fade-in-enter-active,
.vft-fade-in-leave-active {
  transition: all var(--vft-transition-duration) cubic-bezier(0.55, 0, 0.1, 1);
}

.vft-fade-in-enter-from,
.vft-fade-in-leave-active {
  opacity: 0;
}

.vft-zoom-in-center-enter-active,
.vft-zoom-in-center-leave-active {
  transition: all var(--vft-transition-duration) cubic-bezier(0.55, 0, 0.1, 1);
}

.vft-zoom-in-center-enter-from,
.vft-zoom-in-center-leave-active {
  transform: scaleX(0);
  opacity: 0;
}

.vft-zoom-in-top-enter-active,
.vft-zoom-in-top-leave-active {
  transition: var(--vft-transition-md-fade);
  transform: scaleY(1);
  transform-origin: center top;
  opacity: 1;
}
.vft-zoom-in-top-enter-active[data-popper-placement^=top],
.vft-zoom-in-top-leave-active[data-popper-placement^=top] {
  transform-origin: center bottom;
}

.vft-zoom-in-top-enter-from,
.vft-zoom-in-top-leave-active {
  transform: scaleY(0);
  opacity: 0;
}

.vft-zoom-in-top-fast-enter-active {
  transition: var(--vft-transition-md-fade);
  transform: scaleY(1);
  transform-origin: center top;
  opacity: 1;
}
.vft-zoom-in-top-fast-enter-active[data-popper-placement^=top] {
  transform-origin: center bottom;
}

.vft-zoom-in-top-fast-leave-active {
  transform: scaleY(1);
  transform-origin: center top;
  opacity: 1;
}
.vft-zoom-in-top-fast-leave-active[data-popper-placement^=top] {
  transform-origin: center bottom;
}

.vft-zoom-in-top-fast-enter-from,
.vft-zoom-in-top-fast-leave-active {
  transform: scaleY(0);
  opacity: 0;
}

.vft-zoom-in-bottom-enter-active,
.vft-zoom-in-bottom-leave-active {
  transform: scaleY(1);
  transform-origin: center bottom;
  transition: var(--vft-transition-md-fade);
  opacity: 1;
}

.vft-zoom-in-bottom-enter-from,
.vft-zoom-in-bottom-leave-active {
  transform: scaleY(0);
  opacity: 0;
}

.vft-zoom-in-left-enter-active,
.vft-zoom-in-left-leave-active {
  transform: scale(1, 1);
  transform-origin: top left;
  transition: var(--vft-transition-md-fade);
  opacity: 1;
}

.vft-zoom-in-left-enter-from,
.vft-zoom-in-left-leave-active {
  transform: scale(0.45, 0.45);
  opacity: 0;
}

.collapse-transition {
  transition: var(--vft-transition-duration) height ease-in-out, var(--vft-transition-duration) padding-top ease-in-out, var(--vft-transition-duration) padding-bottom ease-in-out;
}

.vft-collapse-transition-leave-active,
.vft-collapse-transition-enter-active {
  transition: var(--vft-transition-duration) max-height ease-in-out, var(--vft-transition-duration) padding-top ease-in-out, var(--vft-transition-duration) padding-bottom ease-in-out;
}

.horizontal-collapse-transition {
  transition: var(--vft-transition-duration) width ease-in-out, var(--vft-transition-duration) padding-left ease-in-out, var(--vft-transition-duration) padding-right ease-in-out;
}

.vft-list-enter-active,
.vft-list-leave-active {
  transition: all 1s;
}

.vft-list-enter-from,
.vft-list-leave-to {
  transform: translateY(-1.875rem);
  opacity: 0;
}

.vft-list-leave-active {
  position: absolute !important;
}

.vft-opacity-transition {
  transition: opacity var(--vft-transition-duration) cubic-bezier(0.55, 0, 0.1, 1);
}

@keyframes vft-rotate {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes vft-loading-dot {
  33% {
    transform: translateY(-2em);
  }
  66% {
    transform: translateY(-1em);
  }
}
.vft-aside {
  box-sizing: border-box;
  flex-shrink: 0;
  width: var(--vft-aside-width, 18.75rem);
  overflow: auto;
}.vft-fade-in-linear-enter-active,
.vft-fade-in-linear-leave-active {
  transition: var(--vft-transition-fade-linear);
}

.vft-fade-in-linear-enter-from,
.vft-fade-in-linear-leave-to {
  opacity: 0;
}

.vft-fade-in-enter-active,
.vft-fade-in-leave-active {
  transition: all var(--vft-transition-duration) cubic-bezier(0.55, 0, 0.1, 1);
}

.vft-fade-in-enter-from,
.vft-fade-in-leave-active {
  opacity: 0;
}

.vft-zoom-in-center-enter-active,
.vft-zoom-in-center-leave-active {
  transition: all var(--vft-transition-duration) cubic-bezier(0.55, 0, 0.1, 1);
}

.vft-zoom-in-center-enter-from,
.vft-zoom-in-center-leave-active {
  transform: scaleX(0);
  opacity: 0;
}

.vft-zoom-in-top-enter-active,
.vft-zoom-in-top-leave-active {
  transition: var(--vft-transition-md-fade);
  transform: scaleY(1);
  transform-origin: center top;
  opacity: 1;
}
.vft-zoom-in-top-enter-active[data-popper-placement^=top],
.vft-zoom-in-top-leave-active[data-popper-placement^=top] {
  transform-origin: center bottom;
}

.vft-zoom-in-top-enter-from,
.vft-zoom-in-top-leave-active {
  transform: scaleY(0);
  opacity: 0;
}

.vft-zoom-in-top-fast-enter-active {
  transition: var(--vft-transition-md-fade);
  transform: scaleY(1);
  transform-origin: center top;
  opacity: 1;
}
.vft-zoom-in-top-fast-enter-active[data-popper-placement^=top] {
  transform-origin: center bottom;
}

.vft-zoom-in-top-fast-leave-active {
  transform: scaleY(1);
  transform-origin: center top;
  opacity: 1;
}
.vft-zoom-in-top-fast-leave-active[data-popper-placement^=top] {
  transform-origin: center bottom;
}

.vft-zoom-in-top-fast-enter-from,
.vft-zoom-in-top-fast-leave-active {
  transform: scaleY(0);
  opacity: 0;
}

.vft-zoom-in-bottom-enter-active,
.vft-zoom-in-bottom-leave-active {
  transform: scaleY(1);
  transform-origin: center bottom;
  transition: var(--vft-transition-md-fade);
  opacity: 1;
}

.vft-zoom-in-bottom-enter-from,
.vft-zoom-in-bottom-leave-active {
  transform: scaleY(0);
  opacity: 0;
}

.vft-zoom-in-left-enter-active,
.vft-zoom-in-left-leave-active {
  transform: scale(1, 1);
  transform-origin: top left;
  transition: var(--vft-transition-md-fade);
  opacity: 1;
}

.vft-zoom-in-left-enter-from,
.vft-zoom-in-left-leave-active {
  transform: scale(0.45, 0.45);
  opacity: 0;
}

.collapse-transition {
  transition: var(--vft-transition-duration) height ease-in-out, var(--vft-transition-duration) padding-top ease-in-out, var(--vft-transition-duration) padding-bottom ease-in-out;
}

.vft-collapse-transition-leave-active,
.vft-collapse-transition-enter-active {
  transition: var(--vft-transition-duration) max-height ease-in-out, var(--vft-transition-duration) padding-top ease-in-out, var(--vft-transition-duration) padding-bottom ease-in-out;
}

.horizontal-collapse-transition {
  transition: var(--vft-transition-duration) width ease-in-out, var(--vft-transition-duration) padding-left ease-in-out, var(--vft-transition-duration) padding-right ease-in-out;
}

.vft-list-enter-active,
.vft-list-leave-active {
  transition: all 1s;
}

.vft-list-enter-from,
.vft-list-leave-to {
  transform: translateY(-1.875rem);
  opacity: 0;
}

.vft-list-leave-active {
  position: absolute !important;
}

.vft-opacity-transition {
  transition: opacity var(--vft-transition-duration) cubic-bezier(0.55, 0, 0.1, 1);
}

@keyframes vft-rotate {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes vft-loading-dot {
  33% {
    transform: translateY(-2em);
  }
  66% {
    transform: translateY(-1em);
  }
}
.vft-footer {
  box-sizing: border-box;
  flex-shrink: 0;
  height: var(--vft-footer-height);
  --vft-footer-height: 3.75rem;
}.vft-fade-in-linear-enter-active,
.vft-fade-in-linear-leave-active {
  transition: var(--vft-transition-fade-linear);
}

.vft-fade-in-linear-enter-from,
.vft-fade-in-linear-leave-to {
  opacity: 0;
}

.vft-fade-in-enter-active,
.vft-fade-in-leave-active {
  transition: all var(--vft-transition-duration) cubic-bezier(0.55, 0, 0.1, 1);
}

.vft-fade-in-enter-from,
.vft-fade-in-leave-active {
  opacity: 0;
}

.vft-zoom-in-center-enter-active,
.vft-zoom-in-center-leave-active {
  transition: all var(--vft-transition-duration) cubic-bezier(0.55, 0, 0.1, 1);
}

.vft-zoom-in-center-enter-from,
.vft-zoom-in-center-leave-active {
  transform: scaleX(0);
  opacity: 0;
}

.vft-zoom-in-top-enter-active,
.vft-zoom-in-top-leave-active {
  transition: var(--vft-transition-md-fade);
  transform: scaleY(1);
  transform-origin: center top;
  opacity: 1;
}
.vft-zoom-in-top-enter-active[data-popper-placement^=top],
.vft-zoom-in-top-leave-active[data-popper-placement^=top] {
  transform-origin: center bottom;
}

.vft-zoom-in-top-enter-from,
.vft-zoom-in-top-leave-active {
  transform: scaleY(0);
  opacity: 0;
}

.vft-zoom-in-top-fast-enter-active {
  transition: var(--vft-transition-md-fade);
  transform: scaleY(1);
  transform-origin: center top;
  opacity: 1;
}
.vft-zoom-in-top-fast-enter-active[data-popper-placement^=top] {
  transform-origin: center bottom;
}

.vft-zoom-in-top-fast-leave-active {
  transform: scaleY(1);
  transform-origin: center top;
  opacity: 1;
}
.vft-zoom-in-top-fast-leave-active[data-popper-placement^=top] {
  transform-origin: center bottom;
}

.vft-zoom-in-top-fast-enter-from,
.vft-zoom-in-top-fast-leave-active {
  transform: scaleY(0);
  opacity: 0;
}

.vft-zoom-in-bottom-enter-active,
.vft-zoom-in-bottom-leave-active {
  transform: scaleY(1);
  transform-origin: center bottom;
  transition: var(--vft-transition-md-fade);
  opacity: 1;
}

.vft-zoom-in-bottom-enter-from,
.vft-zoom-in-bottom-leave-active {
  transform: scaleY(0);
  opacity: 0;
}

.vft-zoom-in-left-enter-active,
.vft-zoom-in-left-leave-active {
  transform: scale(1, 1);
  transform-origin: top left;
  transition: var(--vft-transition-md-fade);
  opacity: 1;
}

.vft-zoom-in-left-enter-from,
.vft-zoom-in-left-leave-active {
  transform: scale(0.45, 0.45);
  opacity: 0;
}

.collapse-transition {
  transition: var(--vft-transition-duration) height ease-in-out, var(--vft-transition-duration) padding-top ease-in-out, var(--vft-transition-duration) padding-bottom ease-in-out;
}

.vft-collapse-transition-leave-active,
.vft-collapse-transition-enter-active {
  transition: var(--vft-transition-duration) max-height ease-in-out, var(--vft-transition-duration) padding-top ease-in-out, var(--vft-transition-duration) padding-bottom ease-in-out;
}

.horizontal-collapse-transition {
  transition: var(--vft-transition-duration) width ease-in-out, var(--vft-transition-duration) padding-left ease-in-out, var(--vft-transition-duration) padding-right ease-in-out;
}

.vft-list-enter-active,
.vft-list-leave-active {
  transition: all 1s;
}

.vft-list-enter-from,
.vft-list-leave-to {
  transform: translateY(-1.875rem);
  opacity: 0;
}

.vft-list-leave-active {
  position: absolute !important;
}

.vft-opacity-transition {
  transition: opacity var(--vft-transition-duration) cubic-bezier(0.55, 0, 0.1, 1);
}

@keyframes vft-rotate {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes vft-loading-dot {
  33% {
    transform: translateY(-2em);
  }
  66% {
    transform: translateY(-1em);
  }
}
.vft-header {
  box-sizing: border-box;
  flex-shrink: 0;
  height: var(--vft-header-height);
  --vft-header-height: 3.75rem;
}.vft-fade-in-linear-enter-active,
.vft-fade-in-linear-leave-active {
  transition: var(--vft-transition-fade-linear);
}

.vft-fade-in-linear-enter-from,
.vft-fade-in-linear-leave-to {
  opacity: 0;
}

.vft-fade-in-enter-active,
.vft-fade-in-leave-active {
  transition: all var(--vft-transition-duration) cubic-bezier(0.55, 0, 0.1, 1);
}

.vft-fade-in-enter-from,
.vft-fade-in-leave-active {
  opacity: 0;
}

.vft-zoom-in-center-enter-active,
.vft-zoom-in-center-leave-active {
  transition: all var(--vft-transition-duration) cubic-bezier(0.55, 0, 0.1, 1);
}

.vft-zoom-in-center-enter-from,
.vft-zoom-in-center-leave-active {
  transform: scaleX(0);
  opacity: 0;
}

.vft-zoom-in-top-enter-active,
.vft-zoom-in-top-leave-active {
  transition: var(--vft-transition-md-fade);
  transform: scaleY(1);
  transform-origin: center top;
  opacity: 1;
}
.vft-zoom-in-top-enter-active[data-popper-placement^=top],
.vft-zoom-in-top-leave-active[data-popper-placement^=top] {
  transform-origin: center bottom;
}

.vft-zoom-in-top-enter-from,
.vft-zoom-in-top-leave-active {
  transform: scaleY(0);
  opacity: 0;
}

.vft-zoom-in-top-fast-enter-active {
  transition: var(--vft-transition-md-fade);
  transform: scaleY(1);
  transform-origin: center top;
  opacity: 1;
}
.vft-zoom-in-top-fast-enter-active[data-popper-placement^=top] {
  transform-origin: center bottom;
}

.vft-zoom-in-top-fast-leave-active {
  transform: scaleY(1);
  transform-origin: center top;
  opacity: 1;
}
.vft-zoom-in-top-fast-leave-active[data-popper-placement^=top] {
  transform-origin: center bottom;
}

.vft-zoom-in-top-fast-enter-from,
.vft-zoom-in-top-fast-leave-active {
  transform: scaleY(0);
  opacity: 0;
}

.vft-zoom-in-bottom-enter-active,
.vft-zoom-in-bottom-leave-active {
  transform: scaleY(1);
  transform-origin: center bottom;
  transition: var(--vft-transition-md-fade);
  opacity: 1;
}

.vft-zoom-in-bottom-enter-from,
.vft-zoom-in-bottom-leave-active {
  transform: scaleY(0);
  opacity: 0;
}

.vft-zoom-in-left-enter-active,
.vft-zoom-in-left-leave-active {
  transform: scale(1, 1);
  transform-origin: top left;
  transition: var(--vft-transition-md-fade);
  opacity: 1;
}

.vft-zoom-in-left-enter-from,
.vft-zoom-in-left-leave-active {
  transform: scale(0.45, 0.45);
  opacity: 0;
}

.collapse-transition {
  transition: var(--vft-transition-duration) height ease-in-out, var(--vft-transition-duration) padding-top ease-in-out, var(--vft-transition-duration) padding-bottom ease-in-out;
}

.vft-collapse-transition-leave-active,
.vft-collapse-transition-enter-active {
  transition: var(--vft-transition-duration) max-height ease-in-out, var(--vft-transition-duration) padding-top ease-in-out, var(--vft-transition-duration) padding-bottom ease-in-out;
}

.horizontal-collapse-transition {
  transition: var(--vft-transition-duration) width ease-in-out, var(--vft-transition-duration) padding-left ease-in-out, var(--vft-transition-duration) padding-right ease-in-out;
}

.vft-list-enter-active,
.vft-list-leave-active {
  transition: all 1s;
}

.vft-list-enter-from,
.vft-list-leave-to {
  transform: translateY(-1.875rem);
  opacity: 0;
}

.vft-list-leave-active {
  position: absolute !important;
}

.vft-opacity-transition {
  transition: opacity var(--vft-transition-duration) cubic-bezier(0.55, 0, 0.1, 1);
}

@keyframes vft-rotate {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes vft-loading-dot {
  33% {
    transform: translateY(-2em);
  }
  66% {
    transform: translateY(-1em);
  }
}
.vft-main {
  display: block;
  flex: 1;
  flex-basis: auto;
  box-sizing: border-box;
}.vft-fade-in-linear-enter-active,
.vft-fade-in-linear-leave-active {
  transition: var(--vft-transition-fade-linear);
}

.vft-fade-in-linear-enter-from,
.vft-fade-in-linear-leave-to {
  opacity: 0;
}

.vft-fade-in-enter-active,
.vft-fade-in-leave-active {
  transition: all var(--vft-transition-duration) cubic-bezier(0.55, 0, 0.1, 1);
}

.vft-fade-in-enter-from,
.vft-fade-in-leave-active {
  opacity: 0;
}

.vft-zoom-in-center-enter-active,
.vft-zoom-in-center-leave-active {
  transition: all var(--vft-transition-duration) cubic-bezier(0.55, 0, 0.1, 1);
}

.vft-zoom-in-center-enter-from,
.vft-zoom-in-center-leave-active {
  transform: scaleX(0);
  opacity: 0;
}

.vft-zoom-in-top-enter-active,
.vft-zoom-in-top-leave-active {
  transition: var(--vft-transition-md-fade);
  transform: scaleY(1);
  transform-origin: center top;
  opacity: 1;
}
.vft-zoom-in-top-enter-active[data-popper-placement^=top],
.vft-zoom-in-top-leave-active[data-popper-placement^=top] {
  transform-origin: center bottom;
}

.vft-zoom-in-top-enter-from,
.vft-zoom-in-top-leave-active {
  transform: scaleY(0);
  opacity: 0;
}

.vft-zoom-in-top-fast-enter-active {
  transition: var(--vft-transition-md-fade);
  transform: scaleY(1);
  transform-origin: center top;
  opacity: 1;
}
.vft-zoom-in-top-fast-enter-active[data-popper-placement^=top] {
  transform-origin: center bottom;
}

.vft-zoom-in-top-fast-leave-active {
  transform: scaleY(1);
  transform-origin: center top;
  opacity: 1;
}
.vft-zoom-in-top-fast-leave-active[data-popper-placement^=top] {
  transform-origin: center bottom;
}

.vft-zoom-in-top-fast-enter-from,
.vft-zoom-in-top-fast-leave-active {
  transform: scaleY(0);
  opacity: 0;
}

.vft-zoom-in-bottom-enter-active,
.vft-zoom-in-bottom-leave-active {
  transform: scaleY(1);
  transform-origin: center bottom;
  transition: var(--vft-transition-md-fade);
  opacity: 1;
}

.vft-zoom-in-bottom-enter-from,
.vft-zoom-in-bottom-leave-active {
  transform: scaleY(0);
  opacity: 0;
}

.vft-zoom-in-left-enter-active,
.vft-zoom-in-left-leave-active {
  transform: scale(1, 1);
  transform-origin: top left;
  transition: var(--vft-transition-md-fade);
  opacity: 1;
}

.vft-zoom-in-left-enter-from,
.vft-zoom-in-left-leave-active {
  transform: scale(0.45, 0.45);
  opacity: 0;
}

.collapse-transition {
  transition: var(--vft-transition-duration) height ease-in-out, var(--vft-transition-duration) padding-top ease-in-out, var(--vft-transition-duration) padding-bottom ease-in-out;
}

.vft-collapse-transition-leave-active,
.vft-collapse-transition-enter-active {
  transition: var(--vft-transition-duration) max-height ease-in-out, var(--vft-transition-duration) padding-top ease-in-out, var(--vft-transition-duration) padding-bottom ease-in-out;
}

.horizontal-collapse-transition {
  transition: var(--vft-transition-duration) width ease-in-out, var(--vft-transition-duration) padding-left ease-in-out, var(--vft-transition-duration) padding-right ease-in-out;
}

.vft-list-enter-active,
.vft-list-leave-active {
  transition: all 1s;
}

.vft-list-enter-from,
.vft-list-leave-to {
  transform: translateY(-1.875rem);
  opacity: 0;
}

.vft-list-leave-active {
  position: absolute !important;
}

.vft-opacity-transition {
  transition: opacity var(--vft-transition-duration) cubic-bezier(0.55, 0, 0.1, 1);
}

@keyframes vft-rotate {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes vft-loading-dot {
  33% {
    transform: translateY(-2em);
  }
  66% {
    transform: translateY(-1em);
  }
}
:root {
  --vft-input-width: 100%;
  --vft-input-text-color: var(--vft-text-regular-color);
  --vft-input-border: var(--vft-border);
  --vft-input-hover-border: var(--vft-border-color-hover);
  --vft-input-focus-border: var(--vft-primary-color);
  --vft-input-transparent-border: 0 0 0 0.0625rem transparent inset;
  --vft-input-border-color: var(--vft-border-color);
  --vft-input-border-radius: var(--vft-border-radius-base);
  --vft-input-bg-color: var(--vft-fill-color-blank);
  --vft-input-icon-color: var(--vft-text-placeholder-color);
  --vft-input-placeholder-color: var(--vft-text-placeholder-color);
  --vft-input-hover-border-color: var(--vft-border-color-hover);
  --vft-input-clear-hover-color: var(--vft-text-secondary-color);
  --vft-input-focus-border-color: var(--vft-primary-color);
}

.vft-input {
  --vft-input-height: var(--vft-component-size);
  display: inline-flex;
  position: relative;
  box-sizing: border-box;
  width: var(--vft-input-width);
  transition: width 0.2s ease;
  font-size: var(--vft-font-size-base);
  line-height: var(--vft-input-height);
  vertical-align: middle;
  --vft-input-height: var(--vft-component-size);
}
.vft-input__prefix {
  display: inline-flex;
  flex-shrink: 0;
  flex-wrap: nowrap;
  height: 100%;
  transition: all var(--vft-transition-duration);
  color: var(--vft-input-icon-color, var(--vft-text-placeholder-color));
  text-align: center;
  white-space: nowrap;
  pointer-events: none;
}

.vft-input__prefix-inner {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  pointer-events: all;
}
.vft-input__prefix-inner > :last-child {
  margin-right: 0.5rem;
}
.vft-input__prefix-inner > :first-child, .vft-input__prefix-inner > :first-child.vft-input__icon {
  margin-left: 0;
}

.vft-input__suffix {
  display: inline-flex;
  flex-shrink: 0;
  flex-wrap: nowrap;
  height: 100%;
  transition: all var(--vft-transition-duration);
  color: var(--vft-input-icon-color, var(--vft-text-placeholder-color));
  text-align: center;
  white-space: nowrap;
  pointer-events: none;
}

.vft-input__suffix-inner {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  pointer-events: all;
}
.vft-input__suffix-inner > :first-child {
  margin-left: 0.5rem;
}

.vft-input--large {
  font-size: 0.875rem;
  --vft-input-height: var(--vft-component-size-large);
}
.vft-input--large .vft-input__wrapper {
  padding: 0.0625rem 0.9375rem;
}

.vft-input--large .vft-input__inner {
  --vft-input-inner-height: calc(var(--vft-input-height, 2.5rem) - 0.125rem);
}

.vft-input--small {
  font-size: 0.75rem;
  --vft-input-height: var(--vft-component-size-small);
}
.vft-input--small .vft-input__wrapper {
  padding: 0.0625rem 0.4375rem;
}

.vft-input--small .vft-input__inner {
  --vft-input-inner-height: calc(var(--vft-input-height, 1.5rem) - 0.125rem);
}

.vft-input__wrapper {
  display: inline-flex;
  flex-grow: 1;
  align-items: center;
  justify-content: center;
  padding: 0.0625rem 0.6875rem;
  transition: var(--vft-transition-all);
  border: 0.0625rem solid var(--vft-input-border-color);
  border-radius: var(--vft-input-border-radius, var(--vft-border-radius-base));
  background-color: var(--vft-input-bg-color, var(--vft-fill-color-blank));
  background-image: none;
  /* stylelint-disable-next-line */
}
.vft-input__wrapper:hover {
  border: 0.0625rem solid var(--vft-input-hover-border-color);
}
.vft-input__wrapper.is-focus {
  border: 0.0625rem solid var(--vft-input-focus-border-color);
}

.vft-input__inner {
  box-sizing: border-box;
  flex-grow: 1;
  width: 100%;
  height: var(--vft-input-inner-height);
  padding: 0;
  border: none;
  outline: none;
  background: none;
  color: var(--vft-input-text-color, var(--vft-text-regular-color));
  font-size: inherit;
  line-height: var(--vft-input-inner-height);
  -webkit-appearance: none;
  --vft-input-inner-height: calc(var(--vft-input-height, 2rem) - 0.125rem);
}
.vft-input__inner:focus {
  outline: none;
}
.vft-input__inner::-moz-placeholder {
  color: var(--vft-input-placeholder-color, var(--vft-text-placeholder-color));
}
.vft-input__inner::placeholder {
  color: var(--vft-input-placeholder-color, var(--vft-text-placeholder-color));
}
.vft-input__inner[type=password]::-ms-reveal {
  display: none;
}
.vft-input__inner[type=number] {
  line-height: 0.0625rem;
}

.vft-input__validateIcon {
  pointer-events: none;
}

.vft-input.is-active .vft-input__wrapper {
  border: 0.0625rem solid var(--vft-input-focus-color);
}

.vft-input.is-disabled {
  cursor: not-allowed;
}
.vft-input.is-disabled .vft-input__wrapper {
  border: 0.0625rem solid var(--vft-input-disable-color);
  background-color: var(--vft-disabled-bg-color);
}
.vft-input.is-disabled .vft-input__inner {
  color: var(--vft-disabled-text-color);
  -webkit-text-fill-color: var(--vft-disabled-text-color);
  cursor: not-allowed;
}
.vft-input.is-disabled .vft-input__inner::-moz-placeholder {
  color: var(--vft-text-placeholder-color);
}
.vft-input.is-disabled .vft-input__inner::placeholder {
  color: var(--vft-text-placeholder-color);
}
.vft-input.is-disabled .vft-input__icon {
  cursor: not-allowed;
}

.vft-input.is-exceed .vft-input__wrapper {
  border: 0.0625rem solid var(--vft-input-danger-color);
}
.vft-input.is-exceed .vft-input__suffix .vft-input__count {
  color: var(--vft-danger-color);
}

.vft-input .icon-close {
  width: 1em;
  height: 1em;
  background-color: currentcolor;
  -webkit-mask: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="M764.288 214.592L512 466.88L259.712 214.592a31.936 31.936 0 0 0-45.12 45.12L466.752 512L214.528 764.224a31.936 31.936 0 1 0 45.12 45.184L512 557.184l252.288 252.288a31.936 31.936 0 0 0 45.12-45.12L557.12 512.064l252.288-252.352a31.936 31.936 0 1 0-45.12-45.184z"%2F%3E%3C%2Fsvg%3E') no-repeat;
          mask: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="M764.288 214.592L512 466.88L259.712 214.592a31.936 31.936 0 0 0-45.12 45.12L466.752 512L214.528 764.224a31.936 31.936 0 1 0 45.12 45.184L512 557.184l252.288 252.288a31.936 31.936 0 0 0 45.12-45.12L557.12 512.064l252.288-252.352a31.936 31.936 0 1 0-45.12-45.184z"%2F%3E%3C%2Fsvg%3E') no-repeat;
  -webkit-mask-size: 100% 100%;
          mask-size: 100% 100%;
}
.vft-input .vft-input__clear, .vft-input .vft-input__password {
  z-index: 1;
  color: var(--vft-input-icon-color);
  font-size: 0.875rem;
  cursor: pointer;
}
.vft-input .vft-input__clear:hover, .vft-input .vft-input__password:hover {
  color: var(--vft-input-clear-hover-color);
}
.vft-input .vft-input__count {
  display: inline-flex;
  align-items: center;
  height: 100%;
  color: var(--vft-info-color);
  font-size: 0.75rem;
}
.vft-input .vft-input__count .vft-input__count-inner {
  display: inline-block;
  padding-left: 0.5rem;
  background: var(--vft-fill-color-blank);
  line-height: initial;
}
.vft-input .vft-input__icon {
  margin-left: 0.5rem;
  transition: all var(--vft-transition-duration);
}
.vft-input .icon-search {
  width: 1em;
  height: 1em;
  background-color: currentcolor;
  -webkit-mask: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="m795.904 750.72l124.992 124.928a32 32 0 0 1-45.248 45.248L750.656 795.904a416 416 0 1 1 45.248-45.248zM480 832a352 352 0 1 0 0-704a352 352 0 0 0 0 704z"%2F%3E%3C%2Fsvg%3E') no-repeat;
          mask: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="m795.904 750.72l124.992 124.928a32 32 0 0 1-45.248 45.248L750.656 795.904a416 416 0 1 1 45.248-45.248zM480 832a352 352 0 1 0 0-704a352 352 0 0 0 0 704z"%2F%3E%3C%2Fsvg%3E') no-repeat;
  -webkit-mask-size: 100% 100%;
          mask-size: 100% 100%;
}
.vft-input .icon-hide {
  width: 1em;
  height: 1em;
  background-color: currentcolor;
  -webkit-mask: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="M876.8 156.8c0-9.6-3.2-16-9.6-22.4c-6.4-6.4-12.8-9.6-22.4-9.6c-9.6 0-16 3.2-22.4 9.6L736 220.8c-64-32-137.6-51.2-224-60.8c-160 16-288 73.6-377.6 176C44.8 438.4 0 496 0 512s48 73.6 134.4 176c22.4 25.6 44.8 48 73.6 67.2l-86.4 89.6c-6.4 6.4-9.6 12.8-9.6 22.4c0 9.6 3.2 16 9.6 22.4c6.4 6.4 12.8 9.6 22.4 9.6c9.6 0 16-3.2 22.4-9.6l704-710.4c3.2-6.4 6.4-12.8 6.4-22.4Zm-646.4 528c-76.8-70.4-128-128-153.6-172.8c28.8-48 80-105.6 153.6-172.8C304 272 400 230.4 512 224c64 3.2 124.8 19.2 176 44.8l-54.4 54.4C598.4 300.8 560 288 512 288c-64 0-115.2 22.4-160 64s-64 96-64 160c0 48 12.8 89.6 35.2 124.8L256 707.2c-9.6-6.4-19.2-16-25.6-22.4Zm140.8-96c-12.8-22.4-19.2-48-19.2-76.8c0-44.8 16-83.2 48-112c32-28.8 67.2-48 112-48c28.8 0 54.4 6.4 73.6 19.2L371.2 588.8ZM889.599 336c-12.8-16-28.8-28.8-41.6-41.6l-48 48c73.6 67.2 124.8 124.8 150.4 169.6c-28.8 48-80 105.6-153.6 172.8c-73.6 67.2-172.8 108.8-284.8 115.2c-51.2-3.2-99.2-12.8-140.8-28.8l-48 48c57.6 22.4 118.4 38.4 188.8 44.8c160-16 288-73.6 377.6-176C979.199 585.6 1024 528 1024 512s-48.001-73.6-134.401-176Z"%2F%3E%3Cpath fill="currentColor" d="M511.998 672c-12.8 0-25.6-3.2-38.4-6.4l-51.2 51.2c28.8 12.8 57.6 19.2 89.6 19.2c64 0 115.2-22.4 160-64c41.6-41.6 64-96 64-160c0-32-6.4-64-19.2-89.6l-51.2 51.2c3.2 12.8 6.4 25.6 6.4 38.4c0 44.8-16 83.2-48 112c-32 28.8-67.2 48-112 48Z"%2F%3E%3C%2Fsvg%3E') no-repeat;
          mask: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="M876.8 156.8c0-9.6-3.2-16-9.6-22.4c-6.4-6.4-12.8-9.6-22.4-9.6c-9.6 0-16 3.2-22.4 9.6L736 220.8c-64-32-137.6-51.2-224-60.8c-160 16-288 73.6-377.6 176C44.8 438.4 0 496 0 512s48 73.6 134.4 176c22.4 25.6 44.8 48 73.6 67.2l-86.4 89.6c-6.4 6.4-9.6 12.8-9.6 22.4c0 9.6 3.2 16 9.6 22.4c6.4 6.4 12.8 9.6 22.4 9.6c9.6 0 16-3.2 22.4-9.6l704-710.4c3.2-6.4 6.4-12.8 6.4-22.4Zm-646.4 528c-76.8-70.4-128-128-153.6-172.8c28.8-48 80-105.6 153.6-172.8C304 272 400 230.4 512 224c64 3.2 124.8 19.2 176 44.8l-54.4 54.4C598.4 300.8 560 288 512 288c-64 0-115.2 22.4-160 64s-64 96-64 160c0 48 12.8 89.6 35.2 124.8L256 707.2c-9.6-6.4-19.2-16-25.6-22.4Zm140.8-96c-12.8-22.4-19.2-48-19.2-76.8c0-44.8 16-83.2 48-112c32-28.8 67.2-48 112-48c28.8 0 54.4 6.4 73.6 19.2L371.2 588.8ZM889.599 336c-12.8-16-28.8-28.8-41.6-41.6l-48 48c73.6 67.2 124.8 124.8 150.4 169.6c-28.8 48-80 105.6-153.6 172.8c-73.6 67.2-172.8 108.8-284.8 115.2c-51.2-3.2-99.2-12.8-140.8-28.8l-48 48c57.6 22.4 118.4 38.4 188.8 44.8c160-16 288-73.6 377.6-176C979.199 585.6 1024 528 1024 512s-48.001-73.6-134.401-176Z"%2F%3E%3Cpath fill="currentColor" d="M511.998 672c-12.8 0-25.6-3.2-38.4-6.4l-51.2 51.2c28.8 12.8 57.6 19.2 89.6 19.2c64 0 115.2-22.4 160-64c41.6-41.6 64-96 64-160c0-32-6.4-64-19.2-89.6l-51.2 51.2c3.2 12.8 6.4 25.6 6.4 38.4c0 44.8-16 83.2-48 112c-32 28.8-67.2 48-112 48Z"%2F%3E%3C%2Fsvg%3E') no-repeat;
  -webkit-mask-size: 100% 100%;
          mask-size: 100% 100%;
}
.vft-input .icon-view {
  width: 1em;
  height: 1em;
  background-color: currentcolor;
  -webkit-mask: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="M512 160c320 0 512 352 512 352S832 864 512 864S0 512 0 512s192-352 512-352zm0 64c-225.28 0-384.128 208.064-436.8 288c52.608 79.872 211.456 288 436.8 288c225.28 0 384.128-208.064 436.8-288c-52.608-79.872-211.456-288-436.8-288zm0 64a224 224 0 1 1 0 448a224 224 0 0 1 0-448zm0 64a160.192 160.192 0 0 0-160 160c0 88.192 71.744 160 160 160s160-71.808 160-160s-71.744-160-160-160z"%2F%3E%3C%2Fsvg%3E') no-repeat;
          mask: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="M512 160c320 0 512 352 512 352S832 864 512 864S0 512 0 512s192-352 512-352zm0 64c-225.28 0-384.128 208.064-436.8 288c52.608 79.872 211.456 288 436.8 288c225.28 0 384.128-208.064 436.8-288c-52.608-79.872-211.456-288-436.8-288zm0 64a224 224 0 1 1 0 448a224 224 0 0 1 0-448zm0 64a160.192 160.192 0 0 0-160 160c0 88.192 71.744 160 160 160s160-71.808 160-160s-71.744-160-160-160z"%2F%3E%3C%2Fsvg%3E') no-repeat;
  -webkit-mask-size: 100% 100%;
          mask-size: 100% 100%;
}
.vft-input .icon-loading {
  width: 1em;
  height: 1em;
  background-color: currentcolor;
  -webkit-mask: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="M512 64a32 32 0 0 1 32 32v192a32 32 0 0 1-64 0V96a32 32 0 0 1 32-32zm0 640a32 32 0 0 1 32 32v192a32 32 0 1 1-64 0V736a32 32 0 0 1 32-32zm448-192a32 32 0 0 1-32 32H736a32 32 0 1 1 0-64h192a32 32 0 0 1 32 32zm-640 0a32 32 0 0 1-32 32H96a32 32 0 0 1 0-64h192a32 32 0 0 1 32 32zM195.2 195.2a32 32 0 0 1 45.248 0L376.32 331.008a32 32 0 0 1-45.248 45.248L195.2 240.448a32 32 0 0 1 0-45.248zm452.544 452.544a32 32 0 0 1 45.248 0L828.8 783.552a32 32 0 0 1-45.248 45.248L647.744 692.992a32 32 0 0 1 0-45.248zM828.8 195.264a32 32 0 0 1 0 45.184L692.992 376.32a32 32 0 0 1-45.248-45.248l135.808-135.808a32 32 0 0 1 45.248 0zm-452.544 452.48a32 32 0 0 1 0 45.248L240.448 828.8a32 32 0 0 1-45.248-45.248l135.808-135.808a32 32 0 0 1 45.248 0z"%2F%3E%3C%2Fsvg%3E') no-repeat;
          mask: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="M512 64a32 32 0 0 1 32 32v192a32 32 0 0 1-64 0V96a32 32 0 0 1 32-32zm0 640a32 32 0 0 1 32 32v192a32 32 0 1 1-64 0V736a32 32 0 0 1 32-32zm448-192a32 32 0 0 1-32 32H736a32 32 0 1 1 0-64h192a32 32 0 0 1 32 32zm-640 0a32 32 0 0 1-32 32H96a32 32 0 0 1 0-64h192a32 32 0 0 1 32 32zM195.2 195.2a32 32 0 0 1 45.248 0L376.32 331.008a32 32 0 0 1-45.248 45.248L195.2 240.448a32 32 0 0 1 0-45.248zm452.544 452.544a32 32 0 0 1 45.248 0L828.8 783.552a32 32 0 0 1-45.248 45.248L647.744 692.992a32 32 0 0 1 0-45.248zM828.8 195.264a32 32 0 0 1 0 45.184L692.992 376.32a32 32 0 0 1-45.248-45.248l135.808-135.808a32 32 0 0 1 45.248 0zm-452.544 452.48a32 32 0 0 1 0 45.248L240.448 828.8a32 32 0 0 1-45.248-45.248l135.808-135.808a32 32 0 0 1 45.248 0z"%2F%3E%3C%2Fsvg%3E') no-repeat;
  -webkit-mask-size: 100% 100%;
          mask-size: 100% 100%;
}
.vft-input .icon-circle-check {
  width: 1em;
  height: 1em;
  background-color: currentcolor;
  -webkit-mask: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="M512 896a384 384 0 1 0 0-768a384 384 0 0 0 0 768zm0 64a448 448 0 1 1 0-896a448 448 0 0 1 0 896z"%2F%3E%3Cpath fill="currentColor" d="M745.344 361.344a32 32 0 0 1 45.312 45.312l-288 288a32 32 0 0 1-45.312 0l-160-160a32 32 0 1 1 45.312-45.312L480 626.752l265.344-265.408z"%2F%3E%3C%2Fsvg%3E') no-repeat;
          mask: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="M512 896a384 384 0 1 0 0-768a384 384 0 0 0 0 768zm0 64a448 448 0 1 1 0-896a448 448 0 0 1 0 896z"%2F%3E%3Cpath fill="currentColor" d="M745.344 361.344a32 32 0 0 1 45.312 45.312l-288 288a32 32 0 0 1-45.312 0l-160-160a32 32 0 1 1 45.312-45.312L480 626.752l265.344-265.408z"%2F%3E%3C%2Fsvg%3E') no-repeat;
  -webkit-mask-size: 100% 100%;
          mask-size: 100% 100%;
}
.vft-input .icon-circle-close {
  width: 1em;
  height: 1em;
  background-color: currentcolor;
  -webkit-mask: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="m466.752 512l-90.496-90.496a32 32 0 0 1 45.248-45.248L512 466.752l90.496-90.496a32 32 0 1 1 45.248 45.248L557.248 512l90.496 90.496a32 32 0 1 1-45.248 45.248L512 557.248l-90.496 90.496a32 32 0 0 1-45.248-45.248L466.752 512z"%2F%3E%3Cpath fill="currentColor" d="M512 896a384 384 0 1 0 0-768a384 384 0 0 0 0 768zm0 64a448 448 0 1 1 0-896a448 448 0 0 1 0 896z"%2F%3E%3C%2Fsvg%3E') no-repeat;
          mask: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="m466.752 512l-90.496-90.496a32 32 0 0 1 45.248-45.248L512 466.752l90.496-90.496a32 32 0 1 1 45.248 45.248L557.248 512l90.496 90.496a32 32 0 1 1-45.248 45.248L512 557.248l-90.496 90.496a32 32 0 0 1-45.248-45.248L466.752 512z"%2F%3E%3Cpath fill="currentColor" d="M512 896a384 384 0 1 0 0-768a384 384 0 0 0 0 768zm0 64a448 448 0 1 1 0-896a448 448 0 0 1 0 896z"%2F%3E%3C%2Fsvg%3E') no-repeat;
  -webkit-mask-size: 100% 100%;
          mask-size: 100% 100%;
}

.vft-input-group {
  display: inline-flex;
  align-items: stretch;
  width: 100%;
}
.vft-input-group__append, .vft-input-group__prepend {
  display: inline-flex;
  position: relative;
  align-items: center;
  justify-content: center;
  min-height: 100%;
  padding: 0 1.25rem;
  border-radius: var(--vft-input-border-radius);
  background-color: var(--vft-fill-color-light);
  color: var(--vft-info-color);
  white-space: nowrap;
}
.vft-input-group__append:focus, .vft-input-group__prepend:focus {
  outline: none;
}
.vft-input-group__append .vft-select,
.vft-input-group__append .vft-button, .vft-input-group__prepend .vft-select,
.vft-input-group__prepend .vft-button {
  display: inline-block;
  margin: 0 -1.25rem;
}
.vft-input-group__append button.vft-button,
.vft-input-group__append button.vft-button:hover,
.vft-input-group__append div.vft-select .vft-input__wrapper,
.vft-input-group__append div.vft-select:hover .vft-input__wrapper, .vft-input-group__prepend button.vft-button,
.vft-input-group__prepend button.vft-button:hover,
.vft-input-group__prepend div.vft-select .vft-input__wrapper,
.vft-input-group__prepend div.vft-select:hover .vft-input__wrapper {
  border-color: transparent;
  background-color: transparent;
  color: inherit;
}
.vft-input-group__append .vft-button,
.vft-input-group__append .vft-input, .vft-input-group__prepend .vft-button,
.vft-input-group__prepend .vft-input {
  font-size: inherit;
}

.vft-input-group__prepend {
  border: 0.0625rem solid var(--vft-input-border-color);
  border-right: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.vft-input-group__append {
  border: 0.0625rem solid var(--vft-input-border-color);
  border-left: 0;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.vft-input-group--prepend .vft-input-group__prepend .vft-select .vft-input .vft-input__inner {
  box-shadow: none !important;
}
.vft-input-group--prepend .vft-input-group__prepend .vft-select .vft-input .vft-input__wrapper {
  border: 0.0625rem solid var(--vft-input-border-color);
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.vft-input-group--prepend .vft-input-group__prepend .vft-select .vft-input.is-focus .vft-input__inner {
  box-shadow: none !important;
}
.vft-input-group--prepend .vft-input-group__prepend .vft-select .vft-input.is-focus .vft-input__wrapper {
  z-index: 2;
  border: 0.0625rem solid var(--vft-input-focus-border-color);
}
.vft-input-group--prepend .vft-input-group__prepend .vft-select .vft-input.is-focus .vft-input__wrapper:focus {
  z-index: 2;
  border: 0.0625rem solid var(--vft-input-focus-border-color);
  outline: none;
}
.vft-input-group--prepend .vft-input-group__prepend .vft-select:hover .vft-input__inner {
  box-shadow: none !important;
}
.vft-input-group--prepend .vft-input-group__prepend .vft-select:hover .vft-input__wrapper {
  z-index: 1;
  border: 0.0625rem solid var(--vft-input-hover-border-color);
}

.vft-input-group--prepend > .vft-input__wrapper {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.vft-input-group--append .vft-input-group__append .vft-select .vft-input .vft-input__inner {
  box-shadow: none !important;
}
.vft-input-group--append .vft-input-group__append .vft-select .vft-input .vft-input__wrapper {
  border: 0.0625rem solid var(--vft-input-border-color);
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.vft-input-group--append .vft-input-group__append .vft-select .vft-input.is-focus .vft-input__inner {
  box-shadow: none !important;
}
.vft-input-group--append .vft-input-group__append .vft-select .vft-input.is-focus .vft-input__wrapper {
  z-index: 2;
  border: 0.0625rem solid var(--vft-input-focus-border-color);
}
.vft-input-group--append .vft-input-group__append .vft-select:hover .vft-input__inner {
  box-shadow: none !important;
}
.vft-input-group--append .vft-input-group__append .vft-select:hover .vft-input__wrapper {
  z-index: 1;
  border: 0.0625rem solid var(--vft-input-hover-border-color);
}

.vft-input-group--append > .vft-input__wrapper {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.vft-textarea {
  display: inline-block;
  position: relative;
  width: 100%;
  font-size: var(--vft-font-size-base);
  vertical-align: bottom;
}
.vft-textarea__inner {
  display: block;
  position: relative;
  box-sizing: border-box;
  width: 100%;
  padding: 0.3125rem 0.6875rem;
  transition: var(--vft-transition-box-shadow);
  border: 0.0625rem solid var(--vft-input-border-color);
  border-radius: var(--vft-input-border-radius, var(--vft-border-radius-base));
  background-color: var(--vft-input-bg-color, var(--vft-fill-color-blank));
  background-image: none;
  color: var(--vft-input-text-color, var(--vft-text-regular-color));
  line-height: 1.5;
  resize: vertical;
  -webkit-appearance: none;
}
.vft-textarea__inner::-moz-placeholder {
  color: var(--vft-input-placeholder-color, var(--vft-text-placeholder-color));
}
.vft-textarea__inner::placeholder {
  color: var(--vft-input-placeholder-color, var(--vft-text-placeholder-color));
}
.vft-textarea__inner:hover {
  border: 0.0625rem solid var(--vft-input-hover-border-color);
}
.vft-textarea__inner:focus {
  border: 0.0625rem solid var(--vft-input-focus-border-color);
  outline: none;
}

.vft-textarea.is-disabled .vft-textarea__inner {
  border-color: var(--vft-disabled-border-color);
  background-color: var(--vft-disabled-bg-color);
  color: var(--vft-disabled-text-color);
  cursor: not-allowed;
}
.vft-textarea.is-disabled .vft-textarea__inner::-moz-placeholder {
  color: var(--vft-text-placeholder-color);
}
.vft-textarea.is-disabled .vft-textarea__inner::placeholder {
  color: var(--vft-text-placeholder-color);
}

.vft-textarea.is-exceed .vft-textarea__inner {
  border-color: var(--vft-danger-color);
}
.vft-textarea.is-exceed .vft-input__count {
  color: var(--vft-danger-color);
}

.vft-textarea .vft-input__count {
  position: absolute;
  right: 0.625rem;
  bottom: 0.3125rem;
  background: var(--vft-fill-color-blank);
  color: var(--vft-info-color);
  font-size: 0.75rem;
  line-height: 0.875rem;
}

.vft-input--gradient-border {
  position: relative;
}
.vft-input--gradient-border::before {
  content: "";
  position: absolute;
  top: -0.25rem;
  right: -0.25rem;
  bottom: -0.25rem;
  left: -0.25rem;
  z-index: 1;
  border: 0.125rem dashed #4a9eff;
  border-radius: 0.75rem;
  pointer-events: none;
}
.vft-input--gradient-border::after {
  content: "";
  position: absolute;
  top: -0.125rem;
  right: -0.125rem;
  bottom: -0.125rem;
  left: -0.125rem;
  z-index: 0;
  border-radius: 0.625rem;
  background: linear-gradient(90deg, #4ade80, #60a5fa);
}
.vft-input--gradient-border .vft-input__wrapper {
  position: relative;
  z-index: 2;
  background-color: #3a3a3a;
  border: none;
  border-radius: 0.5rem;
}
.vft-input--gradient-border .vft-input__inner {
  background-color: transparent;
  color: #ffffff;
  caret-color: #4ade80;
}
.vft-input--gradient-border .vft-input__inner::-moz-placeholder {
  color: #9ca3af;
}
.vft-input--gradient-border .vft-input__inner::placeholder {
  color: #9ca3af;
}
.vft-input--gradient-border .vft-input__inner:focus {
  box-shadow: 0 0 0 0.125rem rgba(74, 222, 128, 0.3);
}
.vft-input--gradient-border:focus-within .vft-input__wrapper {
  box-shadow: 0 0 0 0.125rem rgba(74, 222, 128, 0.3);
}.vft-fade-in-linear-enter-active,
.vft-fade-in-linear-leave-active {
  transition: var(--vft-transition-fade-linear);
}

.vft-fade-in-linear-enter-from,
.vft-fade-in-linear-leave-to {
  opacity: 0;
}

.vft-fade-in-enter-active,
.vft-fade-in-leave-active {
  transition: all var(--vft-transition-duration) cubic-bezier(0.55, 0, 0.1, 1);
}

.vft-fade-in-enter-from,
.vft-fade-in-leave-active {
  opacity: 0;
}

.vft-zoom-in-center-enter-active,
.vft-zoom-in-center-leave-active {
  transition: all var(--vft-transition-duration) cubic-bezier(0.55, 0, 0.1, 1);
}

.vft-zoom-in-center-enter-from,
.vft-zoom-in-center-leave-active {
  transform: scaleX(0);
  opacity: 0;
}

.vft-zoom-in-top-enter-active,
.vft-zoom-in-top-leave-active {
  transition: var(--vft-transition-md-fade);
  transform: scaleY(1);
  transform-origin: center top;
  opacity: 1;
}
.vft-zoom-in-top-enter-active[data-popper-placement^=top],
.vft-zoom-in-top-leave-active[data-popper-placement^=top] {
  transform-origin: center bottom;
}

.vft-zoom-in-top-enter-from,
.vft-zoom-in-top-leave-active {
  transform: scaleY(0);
  opacity: 0;
}

.vft-zoom-in-top-fast-enter-active {
  transition: var(--vft-transition-md-fade);
  transform: scaleY(1);
  transform-origin: center top;
  opacity: 1;
}
.vft-zoom-in-top-fast-enter-active[data-popper-placement^=top] {
  transform-origin: center bottom;
}

.vft-zoom-in-top-fast-leave-active {
  transform: scaleY(1);
  transform-origin: center top;
  opacity: 1;
}
.vft-zoom-in-top-fast-leave-active[data-popper-placement^=top] {
  transform-origin: center bottom;
}

.vft-zoom-in-top-fast-enter-from,
.vft-zoom-in-top-fast-leave-active {
  transform: scaleY(0);
  opacity: 0;
}

.vft-zoom-in-bottom-enter-active,
.vft-zoom-in-bottom-leave-active {
  transform: scaleY(1);
  transform-origin: center bottom;
  transition: var(--vft-transition-md-fade);
  opacity: 1;
}

.vft-zoom-in-bottom-enter-from,
.vft-zoom-in-bottom-leave-active {
  transform: scaleY(0);
  opacity: 0;
}

.vft-zoom-in-left-enter-active,
.vft-zoom-in-left-leave-active {
  transform: scale(1, 1);
  transform-origin: top left;
  transition: var(--vft-transition-md-fade);
  opacity: 1;
}

.vft-zoom-in-left-enter-from,
.vft-zoom-in-left-leave-active {
  transform: scale(0.45, 0.45);
  opacity: 0;
}

.collapse-transition {
  transition: var(--vft-transition-duration) height ease-in-out, var(--vft-transition-duration) padding-top ease-in-out, var(--vft-transition-duration) padding-bottom ease-in-out;
}

.vft-collapse-transition-leave-active,
.vft-collapse-transition-enter-active {
  transition: var(--vft-transition-duration) max-height ease-in-out, var(--vft-transition-duration) padding-top ease-in-out, var(--vft-transition-duration) padding-bottom ease-in-out;
}

.horizontal-collapse-transition {
  transition: var(--vft-transition-duration) width ease-in-out, var(--vft-transition-duration) padding-left ease-in-out, var(--vft-transition-duration) padding-right ease-in-out;
}

.vft-list-enter-active,
.vft-list-leave-active {
  transition: all 1s;
}

.vft-list-enter-from,
.vft-list-leave-to {
  transform: translateY(-1.875rem);
  opacity: 0;
}

.vft-list-leave-active {
  position: absolute !important;
}

.vft-opacity-transition {
  transition: opacity var(--vft-transition-duration) cubic-bezier(0.55, 0, 0.1, 1);
}

@keyframes vft-rotate {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes vft-loading-dot {
  33% {
    transform: translateY(-2em);
  }
  66% {
    transform: translateY(-1em);
  }
}
:root {
  --vft-popper-border-radius: var(--vft-popover-border-radius, 0.25rem);
}

.vft-popper {
  position: absolute;
  border-radius: var(--vft-popper-border-radius);
  padding: 0.3125rem 0.6875rem;
  z-index: 2000;
  font-size: 0.75rem;
  line-height: 1.25rem;
  min-width: 0.625rem;
  word-wrap: break-word;
  visibility: visible;
}
.vft-popper[data-popper-placement^=top] > .vft-popper__arrow {
  bottom: -0.3125rem;
}
.vft-popper[data-popper-placement^=top] > .vft-popper__arrow::before {
  border-bottom-right-radius: 0.125rem;
}
.vft-popper[data-popper-placement^=bottom] > .vft-popper__arrow {
  top: -0.3125rem;
}
.vft-popper[data-popper-placement^=bottom] > .vft-popper__arrow::before {
  border-top-left-radius: 0.125rem;
}
.vft-popper[data-popper-placement^=left] > .vft-popper__arrow {
  right: -0.3125rem;
}
.vft-popper[data-popper-placement^=left] > .vft-popper__arrow::before {
  border-top-right-radius: 0.125rem;
}
.vft-popper[data-popper-placement^=right] > .vft-popper__arrow {
  left: -0.3125rem;
}
.vft-popper[data-popper-placement^=right] > .vft-popper__arrow::before {
  border-bottom-left-radius: 0.125rem;
}
.vft-popper[data-popper-placement^=top] .vft-popper__arrow::before {
  border-top-color: transparent !important;
  border-left-color: transparent !important;
}
.vft-popper[data-popper-placement^=bottom] .vft-popper__arrow::before {
  border-bottom-color: transparent !important;
  border-right-color: transparent !important;
}
.vft-popper[data-popper-placement^=left] .vft-popper__arrow::before {
  border-left-color: transparent !important;
  border-bottom-color: transparent !important;
}
.vft-popper[data-popper-placement^=right] .vft-popper__arrow::before {
  border-right-color: transparent !important;
  border-top-color: transparent !important;
}
.vft-popper.is-dark {
  color: var(--vft-bg-color);
  background: var(--vft-text-primary-color);
  border: 0.0625rem solid var(--vft-text-primary-color);
}
.vft-popper.is-dark .vft-popper__arrow::before {
  border: 0.0625rem solid var(--vft-text-primary-color);
  background: var(--vft-text-primary-color);
  right: 0;
}

.vft-popper.is-light {
  background: var(--vft-bg-color-overlay);
  border: 0.0625rem solid var(--vft-border-color-light);
}
.vft-popper.is-light .vft-popper__arrow::before {
  border: 0.0625rem solid var(--vft-border-color-light);
  background: var(--vft-bg-color-overlay);
  right: 0;
}

.vft-popper.is-pure {
  padding: 0;
}

.vft-popper__arrow {
  position: absolute;
  width: 0.625rem;
  height: 0.625rem;
  z-index: -1;
}
.vft-popper__arrow::before {
  position: absolute;
  width: 0.625rem;
  height: 0.625rem;
  z-index: -1;
  content: " ";
  transform: rotate(45deg);
  background: var(--vft-text-primary-color);
  box-sizing: border-box;
}.vft-fade-in-linear-enter-active,
.vft-fade-in-linear-leave-active {
  transition: var(--vft-transition-fade-linear);
}

.vft-fade-in-linear-enter-from,
.vft-fade-in-linear-leave-to {
  opacity: 0;
}

.vft-fade-in-enter-active,
.vft-fade-in-leave-active {
  transition: all var(--vft-transition-duration) cubic-bezier(0.55, 0, 0.1, 1);
}

.vft-fade-in-enter-from,
.vft-fade-in-leave-active {
  opacity: 0;
}

.vft-zoom-in-center-enter-active,
.vft-zoom-in-center-leave-active {
  transition: all var(--vft-transition-duration) cubic-bezier(0.55, 0, 0.1, 1);
}

.vft-zoom-in-center-enter-from,
.vft-zoom-in-center-leave-active {
  transform: scaleX(0);
  opacity: 0;
}

.vft-zoom-in-top-enter-active,
.vft-zoom-in-top-leave-active {
  transition: var(--vft-transition-md-fade);
  transform: scaleY(1);
  transform-origin: center top;
  opacity: 1;
}
.vft-zoom-in-top-enter-active[data-popper-placement^=top],
.vft-zoom-in-top-leave-active[data-popper-placement^=top] {
  transform-origin: center bottom;
}

.vft-zoom-in-top-enter-from,
.vft-zoom-in-top-leave-active {
  transform: scaleY(0);
  opacity: 0;
}

.vft-zoom-in-top-fast-enter-active {
  transition: var(--vft-transition-md-fade);
  transform: scaleY(1);
  transform-origin: center top;
  opacity: 1;
}
.vft-zoom-in-top-fast-enter-active[data-popper-placement^=top] {
  transform-origin: center bottom;
}

.vft-zoom-in-top-fast-leave-active {
  transform: scaleY(1);
  transform-origin: center top;
  opacity: 1;
}
.vft-zoom-in-top-fast-leave-active[data-popper-placement^=top] {
  transform-origin: center bottom;
}

.vft-zoom-in-top-fast-enter-from,
.vft-zoom-in-top-fast-leave-active {
  transform: scaleY(0);
  opacity: 0;
}

.vft-zoom-in-bottom-enter-active,
.vft-zoom-in-bottom-leave-active {
  transform: scaleY(1);
  transform-origin: center bottom;
  transition: var(--vft-transition-md-fade);
  opacity: 1;
}

.vft-zoom-in-bottom-enter-from,
.vft-zoom-in-bottom-leave-active {
  transform: scaleY(0);
  opacity: 0;
}

.vft-zoom-in-left-enter-active,
.vft-zoom-in-left-leave-active {
  transform: scale(1, 1);
  transform-origin: top left;
  transition: var(--vft-transition-md-fade);
  opacity: 1;
}

.vft-zoom-in-left-enter-from,
.vft-zoom-in-left-leave-active {
  transform: scale(0.45, 0.45);
  opacity: 0;
}

.collapse-transition {
  transition: var(--vft-transition-duration) height ease-in-out, var(--vft-transition-duration) padding-top ease-in-out, var(--vft-transition-duration) padding-bottom ease-in-out;
}

.vft-collapse-transition-leave-active,
.vft-collapse-transition-enter-active {
  transition: var(--vft-transition-duration) max-height ease-in-out, var(--vft-transition-duration) padding-top ease-in-out, var(--vft-transition-duration) padding-bottom ease-in-out;
}

.horizontal-collapse-transition {
  transition: var(--vft-transition-duration) width ease-in-out, var(--vft-transition-duration) padding-left ease-in-out, var(--vft-transition-duration) padding-right ease-in-out;
}

.vft-list-enter-active,
.vft-list-leave-active {
  transition: all 1s;
}

.vft-list-enter-from,
.vft-list-leave-to {
  transform: translateY(-1.875rem);
  opacity: 0;
}

.vft-list-leave-active {
  position: absolute !important;
}

.vft-opacity-transition {
  transition: opacity var(--vft-transition-duration) cubic-bezier(0.55, 0, 0.1, 1);
}

@keyframes vft-rotate {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes vft-loading-dot {
  33% {
    transform: translateY(-2em);
  }
  66% {
    transform: translateY(-1em);
  }
}
.vft-popover {
  --vft-popover-bg-color: var(--vft-bg-color-overlay);
  --vft-popover-font-size: var(--vft-font-size-base);
  --vft-popover-border-color: var(--vft-border-color-lighter);
  --vft-popover-padding: 0.75rem;
  --vft-popover-padding-large: 1.125rem 1.25rem;
  --vft-popover-title-font-size: 1rem;
  --vft-popover-title-text-color: var(--vft-text-primary-color);
  --vft-popover-border-radius: 0.25rem;
}
.vft-popover.vft-popper {
  z-index: var(--vft-z-index-popper);
  box-sizing: border-box;
  min-width: 9.375rem;
  padding: var(--vft-popover-padding);
  border: 0.0625rem solid var(--vft-popover-border-color);
  border-radius: var(--vft-popover-border-radius);
  background: var(--vft-popover-bg-color);
  box-shadow: var(--vft-box-shadow-light);
  color: var(--vft-text-regular-color);
  font-size: var(--vft-popover-font-size);
  line-height: 1.4;
  text-align: justify;
  word-break: break-all;
}
.vft-popover.vft-popper--plain {
  padding: var(--vft-popover-padding-large);
}

.vft-popover__title {
  margin-bottom: 0.75rem;
  color: var(--vft-popover-title-text-color);
  font-size: var(--vft-popover-title-font-size);
  line-height: 1;
}

.vft-popover__reference:focus:not(.focusing), .vft-popover__reference:focus:hover {
  outline-width: 0;
}

.vft-popover.vft-popper.is-dark {
  color: var(--vft-bg-color);
  --vft-popover-bg-color: var(--vft-text-primary-color);
  --vft-popover-border-color: var(--vft-text-primary-color);
  --vft-popover-title-text-color: var(--vft-bg-color);
}

.vft-popover.vft-popper:focus:active, .vft-popover.vft-popper:focus {
  outline-width: 0;
}.vft-fade-in-linear-enter-active,
.vft-fade-in-linear-leave-active {
  transition: var(--vft-transition-fade-linear);
}

.vft-fade-in-linear-enter-from,
.vft-fade-in-linear-leave-to {
  opacity: 0;
}

.vft-fade-in-enter-active,
.vft-fade-in-leave-active {
  transition: all var(--vft-transition-duration) cubic-bezier(0.55, 0, 0.1, 1);
}

.vft-fade-in-enter-from,
.vft-fade-in-leave-active {
  opacity: 0;
}

.vft-zoom-in-center-enter-active,
.vft-zoom-in-center-leave-active {
  transition: all var(--vft-transition-duration) cubic-bezier(0.55, 0, 0.1, 1);
}

.vft-zoom-in-center-enter-from,
.vft-zoom-in-center-leave-active {
  transform: scaleX(0);
  opacity: 0;
}

.vft-zoom-in-top-enter-active,
.vft-zoom-in-top-leave-active {
  transition: var(--vft-transition-md-fade);
  transform: scaleY(1);
  transform-origin: center top;
  opacity: 1;
}
.vft-zoom-in-top-enter-active[data-popper-placement^=top],
.vft-zoom-in-top-leave-active[data-popper-placement^=top] {
  transform-origin: center bottom;
}

.vft-zoom-in-top-enter-from,
.vft-zoom-in-top-leave-active {
  transform: scaleY(0);
  opacity: 0;
}

.vft-zoom-in-top-fast-enter-active {
  transition: var(--vft-transition-md-fade);
  transform: scaleY(1);
  transform-origin: center top;
  opacity: 1;
}
.vft-zoom-in-top-fast-enter-active[data-popper-placement^=top] {
  transform-origin: center bottom;
}

.vft-zoom-in-top-fast-leave-active {
  transform: scaleY(1);
  transform-origin: center top;
  opacity: 1;
}
.vft-zoom-in-top-fast-leave-active[data-popper-placement^=top] {
  transform-origin: center bottom;
}

.vft-zoom-in-top-fast-enter-from,
.vft-zoom-in-top-fast-leave-active {
  transform: scaleY(0);
  opacity: 0;
}

.vft-zoom-in-bottom-enter-active,
.vft-zoom-in-bottom-leave-active {
  transform: scaleY(1);
  transform-origin: center bottom;
  transition: var(--vft-transition-md-fade);
  opacity: 1;
}

.vft-zoom-in-bottom-enter-from,
.vft-zoom-in-bottom-leave-active {
  transform: scaleY(0);
  opacity: 0;
}

.vft-zoom-in-left-enter-active,
.vft-zoom-in-left-leave-active {
  transform: scale(1, 1);
  transform-origin: top left;
  transition: var(--vft-transition-md-fade);
  opacity: 1;
}

.vft-zoom-in-left-enter-from,
.vft-zoom-in-left-leave-active {
  transform: scale(0.45, 0.45);
  opacity: 0;
}

.collapse-transition {
  transition: var(--vft-transition-duration) height ease-in-out, var(--vft-transition-duration) padding-top ease-in-out, var(--vft-transition-duration) padding-bottom ease-in-out;
}

.vft-collapse-transition-leave-active,
.vft-collapse-transition-enter-active {
  transition: var(--vft-transition-duration) max-height ease-in-out, var(--vft-transition-duration) padding-top ease-in-out, var(--vft-transition-duration) padding-bottom ease-in-out;
}

.horizontal-collapse-transition {
  transition: var(--vft-transition-duration) width ease-in-out, var(--vft-transition-duration) padding-left ease-in-out, var(--vft-transition-duration) padding-right ease-in-out;
}

.vft-list-enter-active,
.vft-list-leave-active {
  transition: all 1s;
}

.vft-list-enter-from,
.vft-list-leave-to {
  transform: translateY(-1.875rem);
  opacity: 0;
}

.vft-list-leave-active {
  position: absolute !important;
}

.vft-opacity-transition {
  transition: opacity var(--vft-transition-duration) cubic-bezier(0.55, 0, 0.1, 1);
}

@keyframes vft-rotate {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes vft-loading-dot {
  33% {
    transform: translateY(-2em);
  }
  66% {
    transform: translateY(-1em);
  }
}
:root {
  --vft-search-active-width: 100%;
  --vft-search-border-color: var(--vft-input-border-color);
  --vft-search-hover-border-color: var(--vft-primary-color);
  --vft-search-active-bg-color: var(--vft-input-bg-color);
  --vft-search-hover-bg-color: var(--vft-input-bg-color);
  --vft-search-border-radius: var(--vft-border-radius-base);
}

.vft-search {
  display: inline-block;
}
.vft-search.is-active .vft-input__wrapper {
  background-color: var(--vft-search-active-bg-color);
}

.vft-search .vft-input:hover {
  width: var(--vft-search-active-width);
}
.vft-search .vft-input .vft-input__wrapper {
  border: 0.0625rem solid var(--vft-search-border-color);
  border-radius: var(--vft-search-border-radius);
}
.vft-search .vft-input .vft-input__wrapper.is-focus {
  background-color: var(--vft-search-active-bg-color);
}

.vft-search .vft-input .vft-input__wrapper:hover {
  background-color: var(--vft-search-hover-bg-color);
  border: 0.0625rem solid var(--vft-search-hover-border-color);
}.vft-fade-in-linear-enter-active,
.vft-fade-in-linear-leave-active {
  transition: var(--vft-transition-fade-linear);
}

.vft-fade-in-linear-enter-from,
.vft-fade-in-linear-leave-to {
  opacity: 0;
}

.vft-fade-in-enter-active,
.vft-fade-in-leave-active {
  transition: all var(--vft-transition-duration) cubic-bezier(0.55, 0, 0.1, 1);
}

.vft-fade-in-enter-from,
.vft-fade-in-leave-active {
  opacity: 0;
}

.vft-zoom-in-center-enter-active,
.vft-zoom-in-center-leave-active {
  transition: all var(--vft-transition-duration) cubic-bezier(0.55, 0, 0.1, 1);
}

.vft-zoom-in-center-enter-from,
.vft-zoom-in-center-leave-active {
  transform: scaleX(0);
  opacity: 0;
}

.vft-zoom-in-top-enter-active,
.vft-zoom-in-top-leave-active {
  transition: var(--vft-transition-md-fade);
  transform: scaleY(1);
  transform-origin: center top;
  opacity: 1;
}
.vft-zoom-in-top-enter-active[data-popper-placement^=top],
.vft-zoom-in-top-leave-active[data-popper-placement^=top] {
  transform-origin: center bottom;
}

.vft-zoom-in-top-enter-from,
.vft-zoom-in-top-leave-active {
  transform: scaleY(0);
  opacity: 0;
}

.vft-zoom-in-top-fast-enter-active {
  transition: var(--vft-transition-md-fade);
  transform: scaleY(1);
  transform-origin: center top;
  opacity: 1;
}
.vft-zoom-in-top-fast-enter-active[data-popper-placement^=top] {
  transform-origin: center bottom;
}

.vft-zoom-in-top-fast-leave-active {
  transform: scaleY(1);
  transform-origin: center top;
  opacity: 1;
}
.vft-zoom-in-top-fast-leave-active[data-popper-placement^=top] {
  transform-origin: center bottom;
}

.vft-zoom-in-top-fast-enter-from,
.vft-zoom-in-top-fast-leave-active {
  transform: scaleY(0);
  opacity: 0;
}

.vft-zoom-in-bottom-enter-active,
.vft-zoom-in-bottom-leave-active {
  transform: scaleY(1);
  transform-origin: center bottom;
  transition: var(--vft-transition-md-fade);
  opacity: 1;
}

.vft-zoom-in-bottom-enter-from,
.vft-zoom-in-bottom-leave-active {
  transform: scaleY(0);
  opacity: 0;
}

.vft-zoom-in-left-enter-active,
.vft-zoom-in-left-leave-active {
  transform: scale(1, 1);
  transform-origin: top left;
  transition: var(--vft-transition-md-fade);
  opacity: 1;
}

.vft-zoom-in-left-enter-from,
.vft-zoom-in-left-leave-active {
  transform: scale(0.45, 0.45);
  opacity: 0;
}

.collapse-transition {
  transition: var(--vft-transition-duration) height ease-in-out, var(--vft-transition-duration) padding-top ease-in-out, var(--vft-transition-duration) padding-bottom ease-in-out;
}

.vft-collapse-transition-leave-active,
.vft-collapse-transition-enter-active {
  transition: var(--vft-transition-duration) max-height ease-in-out, var(--vft-transition-duration) padding-top ease-in-out, var(--vft-transition-duration) padding-bottom ease-in-out;
}

.horizontal-collapse-transition {
  transition: var(--vft-transition-duration) width ease-in-out, var(--vft-transition-duration) padding-left ease-in-out, var(--vft-transition-duration) padding-right ease-in-out;
}

.vft-list-enter-active,
.vft-list-leave-active {
  transition: all 1s;
}

.vft-list-enter-from,
.vft-list-leave-to {
  transform: translateY(-1.875rem);
  opacity: 0;
}

.vft-list-leave-active {
  position: absolute !important;
}

.vft-opacity-transition {
  transition: opacity var(--vft-transition-duration) cubic-bezier(0.55, 0, 0.1, 1);
}

@keyframes vft-rotate {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes vft-loading-dot {
  33% {
    transform: translateY(-2em);
  }
  66% {
    transform: translateY(-1em);
  }
}
:root {
  --vft-tag-font-size: var(--vft-font-size-extra-small);
  --vft-tag-border-radius: 0.25rem;
  --vft-tag-border-radius-rounded: 624.9375rem;
  --vft-tag-content-line-clamp-num: 1;
  --vft-tag-content-max-width: 100%;
}

.vft-tag {
  display: inline-flex;
  box-sizing: border-box;
  align-items: center;
  justify-content: center;
  height: 1.5rem;
  padding: 0 0.5625rem;
  border-width: 0.0625rem;
  border-style: solid;
  border-radius: var(--vft-tag-border-radius);
  border-color: var(--vft-tag-border-color);
  background-color: var(--vft-tag-bg-color);
  color: var(--vft-tag-text-color);
  font-size: var(--vft-tag-font-size);
  line-height: 1.5rem;
  white-space: nowrap;
  --vft-tag-text-color: var(--vft-primary-color);
  --vft-icon-size: 0.875rem;
  --vft-tag-bg-color: var(--vft-primary-color-light-9);
  --vft-tag-border-color: var(--vft-primary-color-light-8);
  --vft-tag-hover-color: var(--vft-primary-color);
}
.vft-tag .icon-close {
  width: 1em;
  height: 1em;
  background-color: currentcolor;
  -webkit-mask: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="M764.288 214.592L512 466.88L259.712 214.592a31.936 31.936 0 0 0-45.12 45.12L466.752 512L214.528 764.224a31.936 31.936 0 1 0 45.12 45.184L512 557.184l252.288 252.288a31.936 31.936 0 0 0 45.12-45.12L557.12 512.064l252.288-252.352a31.936 31.936 0 1 0-45.12-45.184z"%2F%3E%3C%2Fsvg%3E') no-repeat;
          mask: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="M764.288 214.592L512 466.88L259.712 214.592a31.936 31.936 0 0 0-45.12 45.12L466.752 512L214.528 764.224a31.936 31.936 0 1 0 45.12 45.184L512 557.184l252.288 252.288a31.936 31.936 0 0 0 45.12-45.12L557.12 512.064l252.288-252.352a31.936 31.936 0 1 0-45.12-45.184z"%2F%3E%3C%2Fsvg%3E') no-repeat;
  -webkit-mask-size: 100% 100%;
          mask-size: 100% 100%;
}
.vft-tag.vft-tag--primary {
  --vft-tag-bg-color: var(--vft-primary-color-light-9);
  --vft-tag-border-color: var(--vft-primary-color-light-8);
  --vft-tag-hover-color: var(--vft-primary-color);
}
.vft-tag.vft-tag--success {
  --vft-tag-bg-color: var(--vft-success-color-light-9);
  --vft-tag-border-color: var(--vft-success-color-light-8);
  --vft-tag-hover-color: var(--vft-success-color);
}
.vft-tag.vft-tag--warning {
  --vft-tag-bg-color: var(--vft-warning-color-light-9);
  --vft-tag-border-color: var(--vft-warning-color-light-8);
  --vft-tag-hover-color: var(--vft-warning-color);
}
.vft-tag.vft-tag--danger {
  --vft-tag-bg-color: var(--vft-danger-color-light-9);
  --vft-tag-border-color: var(--vft-danger-color-light-8);
  --vft-tag-hover-color: var(--vft-danger-color);
}
.vft-tag.vft-tag--error {
  --vft-tag-bg-color: var(--vft-error-color-light-9);
  --vft-tag-border-color: var(--vft-error-color-light-8);
  --vft-tag-hover-color: var(--vft-error-color);
}
.vft-tag.vft-tag--info {
  --vft-tag-bg-color: var(--vft-info-color-light-9);
  --vft-tag-border-color: var(--vft-info-color-light-8);
  --vft-tag-hover-color: var(--vft-info-color);
}
.vft-tag.is-hit {
  border-color: var(--vft-primary-color);
}

.vft-tag.is-round {
  border-radius: var(--vft-tag-border-radius-rounded);
}

.vft-tag--dark {
  --vft-tag-bg-color: var(--vft-primary-color);
  --vft-tag-border-color: var(--vft-primary-color);
  --vft-tag-hover-color: var(--vft-primary-color-light-3);
  --vft-tag-text-color: var(--vft-color-white);
  --vft-tag-text-color: var(--vft-color-white);
}
.vft-tag--dark.vft-tag--primary {
  --vft-tag-bg-color: var(--vft-primary-color);
  --vft-tag-border-color: var(--vft-primary-color);
  --vft-tag-hover-color: var(--vft-primary-color-light-3);
}
.vft-tag--dark.vft-tag--success {
  --vft-tag-bg-color: var(--vft-success-color);
  --vft-tag-border-color: var(--vft-success-color);
  --vft-tag-hover-color: var(--vft-success-color-light-3);
}
.vft-tag--dark.vft-tag--warning {
  --vft-tag-bg-color: var(--vft-warning-color);
  --vft-tag-border-color: var(--vft-warning-color);
  --vft-tag-hover-color: var(--vft-warning-color-light-3);
}
.vft-tag--dark.vft-tag--danger {
  --vft-tag-bg-color: var(--vft-danger-color);
  --vft-tag-border-color: var(--vft-danger-color);
  --vft-tag-hover-color: var(--vft-danger-color-light-3);
}
.vft-tag--dark.vft-tag--error {
  --vft-tag-bg-color: var(--vft-error-color);
  --vft-tag-border-color: var(--vft-error-color);
  --vft-tag-hover-color: var(--vft-error-color-light-3);
}
.vft-tag--dark.vft-tag--info {
  --vft-tag-bg-color: var(--vft-info-color);
  --vft-tag-border-color: var(--vft-info-color);
  --vft-tag-hover-color: var(--vft-info-color-light-3);
}
.vft-tag--dark.vft-tag--primary {
  --vft-tag-text-color: var(--vft-color-white);
}
.vft-tag--dark.vft-tag--success {
  --vft-tag-text-color: var(--vft-color-white);
}
.vft-tag--dark.vft-tag--warning {
  --vft-tag-text-color: var(--vft-color-white);
}
.vft-tag--dark.vft-tag--danger {
  --vft-tag-text-color: var(--vft-color-white);
}
.vft-tag--dark.vft-tag--error {
  --vft-tag-text-color: var(--vft-color-white);
}
.vft-tag--dark.vft-tag--info {
  --vft-tag-text-color: var(--vft-color-white);
}

.vft-tag--plain {
  --vft-tag-bg-color: var(--vft-fill-color-blank);
  --vft-tag-border-color: var(--vft-primary-color-light-5);
  --vft-tag-hover-color: var(--vft-primary-color);
  --vft-tag-bg-color: var(--vft-fill-color-blank);
}
.vft-tag--plain.vft-tag--primary {
  --vft-tag-bg-color: var(--vft-fill-color-blank);
  --vft-tag-border-color: var(--vft-primary-color-light-5);
  --vft-tag-hover-color: var(--vft-primary-color);
}
.vft-tag--plain.vft-tag--success {
  --vft-tag-bg-color: var(--vft-fill-color-blank);
  --vft-tag-border-color: var(--vft-success-color-light-5);
  --vft-tag-hover-color: var(--vft-success-color);
}
.vft-tag--plain.vft-tag--warning {
  --vft-tag-bg-color: var(--vft-fill-color-blank);
  --vft-tag-border-color: var(--vft-warning-color-light-5);
  --vft-tag-hover-color: var(--vft-warning-color);
}
.vft-tag--plain.vft-tag--danger {
  --vft-tag-bg-color: var(--vft-fill-color-blank);
  --vft-tag-border-color: var(--vft-danger-color-light-5);
  --vft-tag-hover-color: var(--vft-danger-color);
}
.vft-tag--plain.vft-tag--error {
  --vft-tag-bg-color: var(--vft-fill-color-blank);
  --vft-tag-border-color: var(--vft-error-color-light-5);
  --vft-tag-hover-color: var(--vft-error-color);
}
.vft-tag--plain.vft-tag--info {
  --vft-tag-bg-color: var(--vft-fill-color-blank);
  --vft-tag-border-color: var(--vft-info-color-light-5);
  --vft-tag-hover-color: var(--vft-info-color);
}

.vft-tag__content {
  max-width: var(--vft-tag-content-max-width);
  white-space: break-spaces;
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: var(--vft-tag-content-line-clamp-num);
  line-clamp: var(--vft-tag-content-line-clamp-num);
  word-break: break-all;
}

.vft-tag--small .vft-icon-close {
  transform: scale(0.8);
}

.vft-tag.vft-tag--primary {
  --vft-tag-text-color: var(--vft-primary-color);
}
.vft-tag.vft-tag--success {
  --vft-tag-text-color: var(--vft-success-color);
}
.vft-tag.vft-tag--warning {
  --vft-tag-text-color: var(--vft-warning-color);
}
.vft-tag.vft-tag--danger {
  --vft-tag-text-color: var(--vft-danger-color);
}
.vft-tag.vft-tag--error {
  --vft-tag-text-color: var(--vft-error-color);
}
.vft-tag.vft-tag--info {
  --vft-tag-text-color: var(--vft-info-color);
}
.vft-tag--large {
  height: 2rem;
  padding: 0 0.6875rem;
  --vft-icon-size: 1rem;
}
.vft-tag--large .vft-tag__close {
  margin-left: 0.5rem;
}
.vft-tag--large.is-closable {
  padding-right: 0.4375rem;
}

.vft-tag--small {
  height: 1.25rem;
  padding: 0 0.4375rem;
  --vft-icon-size: 0.75rem;
}
.vft-tag--small .vft-tag__close {
  margin-left: 0.25rem;
}
.vft-tag--small.is-closable {
  padding-right: 0.1875rem;
}

.vft-tag.vft-tag--primary.is-hit {
  border-color: var(--vft-primary-color);
}

.vft-tag.vft-tag--success.is-hit {
  border-color: var(--vft-success-color);
}

.vft-tag.vft-tag--warning.is-hit {
  border-color: var(--vft-warning-color);
}

.vft-tag.vft-tag--danger.is-hit {
  border-color: var(--vft-danger-color);
}

.vft-tag.vft-tag--error.is-hit {
  border-color: var(--vft-error-color);
}

.vft-tag.vft-tag--info.is-hit {
  border-color: var(--vft-info-color);
}

.vft-tag .vft-tag__close {
  width: var(--vft-icon-size);
  height: var(--vft-icon-size);
  margin-left: 0.375rem;
  border-radius: 50%;
  color: var(--vft-tag-text-color);
  display: flex;
  align-items: center;
  justify-content: center;
}
.vft-tag .vft-tag__close:hover {
  background-color: var(--vft-tag-hover-color);
  color: var(--vft-color-white);
}
.vft-tag .vft-icon {
  color: inherit;
  font-size: calc(var(--vft-icon-size) - 0.125rem);
  cursor: pointer;
}
.vft-tag.is-closable {
  padding-right: 0.3125rem;
}.vft-fade-in-linear-enter-active,
.vft-fade-in-linear-leave-active {
  transition: var(--vft-transition-fade-linear);
}

.vft-fade-in-linear-enter-from,
.vft-fade-in-linear-leave-to {
  opacity: 0;
}

.vft-fade-in-enter-active,
.vft-fade-in-leave-active {
  transition: all var(--vft-transition-duration) cubic-bezier(0.55, 0, 0.1, 1);
}

.vft-fade-in-enter-from,
.vft-fade-in-leave-active {
  opacity: 0;
}

.vft-zoom-in-center-enter-active,
.vft-zoom-in-center-leave-active {
  transition: all var(--vft-transition-duration) cubic-bezier(0.55, 0, 0.1, 1);
}

.vft-zoom-in-center-enter-from,
.vft-zoom-in-center-leave-active {
  transform: scaleX(0);
  opacity: 0;
}

.vft-zoom-in-top-enter-active,
.vft-zoom-in-top-leave-active {
  transition: var(--vft-transition-md-fade);
  transform: scaleY(1);
  transform-origin: center top;
  opacity: 1;
}
.vft-zoom-in-top-enter-active[data-popper-placement^=top],
.vft-zoom-in-top-leave-active[data-popper-placement^=top] {
  transform-origin: center bottom;
}

.vft-zoom-in-top-enter-from,
.vft-zoom-in-top-leave-active {
  transform: scaleY(0);
  opacity: 0;
}

.vft-zoom-in-top-fast-enter-active {
  transition: var(--vft-transition-md-fade);
  transform: scaleY(1);
  transform-origin: center top;
  opacity: 1;
}
.vft-zoom-in-top-fast-enter-active[data-popper-placement^=top] {
  transform-origin: center bottom;
}

.vft-zoom-in-top-fast-leave-active {
  transform: scaleY(1);
  transform-origin: center top;
  opacity: 1;
}
.vft-zoom-in-top-fast-leave-active[data-popper-placement^=top] {
  transform-origin: center bottom;
}

.vft-zoom-in-top-fast-enter-from,
.vft-zoom-in-top-fast-leave-active {
  transform: scaleY(0);
  opacity: 0;
}

.vft-zoom-in-bottom-enter-active,
.vft-zoom-in-bottom-leave-active {
  transform: scaleY(1);
  transform-origin: center bottom;
  transition: var(--vft-transition-md-fade);
  opacity: 1;
}

.vft-zoom-in-bottom-enter-from,
.vft-zoom-in-bottom-leave-active {
  transform: scaleY(0);
  opacity: 0;
}

.vft-zoom-in-left-enter-active,
.vft-zoom-in-left-leave-active {
  transform: scale(1, 1);
  transform-origin: top left;
  transition: var(--vft-transition-md-fade);
  opacity: 1;
}

.vft-zoom-in-left-enter-from,
.vft-zoom-in-left-leave-active {
  transform: scale(0.45, 0.45);
  opacity: 0;
}

.collapse-transition {
  transition: var(--vft-transition-duration) height ease-in-out, var(--vft-transition-duration) padding-top ease-in-out, var(--vft-transition-duration) padding-bottom ease-in-out;
}

.vft-collapse-transition-leave-active,
.vft-collapse-transition-enter-active {
  transition: var(--vft-transition-duration) max-height ease-in-out, var(--vft-transition-duration) padding-top ease-in-out, var(--vft-transition-duration) padding-bottom ease-in-out;
}

.horizontal-collapse-transition {
  transition: var(--vft-transition-duration) width ease-in-out, var(--vft-transition-duration) padding-left ease-in-out, var(--vft-transition-duration) padding-right ease-in-out;
}

.vft-list-enter-active,
.vft-list-leave-active {
  transition: all 1s;
}

.vft-list-enter-from,
.vft-list-leave-to {
  transform: translateY(-1.875rem);
  opacity: 0;
}

.vft-list-leave-active {
  position: absolute !important;
}

.vft-opacity-transition {
  transition: opacity var(--vft-transition-duration) cubic-bezier(0.55, 0, 0.1, 1);
}

@keyframes vft-rotate {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes vft-loading-dot {
  33% {
    transform: translateY(-2em);
  }
  66% {
    transform: translateY(-1em);
  }
}
.vft-scrollbar {
  --vft-scrollbar-opacity: 0.3;
  --vft-scrollbar-bg-color: var(--vft-text-secondary-color);
  --vft-scrollbar-hover-opacity: 0.5;
  --vft-scrollbar-hover-bg-color: var(--vft-text-secondary-color);
}

.vft-scrollbar {
  position: relative;
  height: 100%;
  overflow: hidden;
}
.vft-scrollbar__wrap {
  height: 100%;
  overflow: auto;
}
.vft-scrollbar__wrap--hidden-default {
  scrollbar-width: none;
}
.vft-scrollbar__wrap--hidden-default::-webkit-scrollbar {
  display: none;
}

.vft-scrollbar__thumb {
  display: block;
  position: relative;
  width: 0;
  height: 0;
  transition: var(--vft-transition-duration) background-color;
  border-radius: inherit;
  opacity: var(--vft-scrollbar-opacity, 0.3);
  background-color: var(--vft-scrollbar-bg-color, var(--vft-text-secondary-color));
  cursor: pointer;
}
.vft-scrollbar__thumb:hover {
  opacity: var(--vft-scrollbar-hover-opacity, 0.5);
  background-color: var(--vft-scrollbar-hover-bg-color, var(--vft-text-secondary-color));
}

.vft-scrollbar__bar {
  position: absolute;
  z-index: 1;
  right: 0.125rem;
  bottom: 0.125rem;
  border-radius: 0.25rem;
}
.vft-scrollbar__bar.is-vertical {
  top: 0.125rem;
  width: 0.375rem;
}
.vft-scrollbar__bar.is-vertical > div {
  width: 100%;
}

.vft-scrollbar__bar.is-horizontal {
  left: 0.125rem;
  height: 0.375rem;
}
.vft-scrollbar__bar.is-horizontal > div {
  height: 100%;
}

.vft-scrollbar-fade-enter-active {
  transition: opacity 340ms ease-out;
}
.vft-scrollbar-fade-leave-active {
  transition: opacity 120ms ease-out;
}
.vft-scrollbar-fade-enter-from, .vft-scrollbar-fade-leave-active {
  opacity: 0;
}.vft-fade-in-linear-enter-active,
.vft-fade-in-linear-leave-active {
  transition: var(--vft-transition-fade-linear);
}

.vft-fade-in-linear-enter-from,
.vft-fade-in-linear-leave-to {
  opacity: 0;
}

.vft-fade-in-enter-active,
.vft-fade-in-leave-active {
  transition: all var(--vft-transition-duration) cubic-bezier(0.55, 0, 0.1, 1);
}

.vft-fade-in-enter-from,
.vft-fade-in-leave-active {
  opacity: 0;
}

.vft-zoom-in-center-enter-active,
.vft-zoom-in-center-leave-active {
  transition: all var(--vft-transition-duration) cubic-bezier(0.55, 0, 0.1, 1);
}

.vft-zoom-in-center-enter-from,
.vft-zoom-in-center-leave-active {
  transform: scaleX(0);
  opacity: 0;
}

.vft-zoom-in-top-enter-active,
.vft-zoom-in-top-leave-active {
  transition: var(--vft-transition-md-fade);
  transform: scaleY(1);
  transform-origin: center top;
  opacity: 1;
}
.vft-zoom-in-top-enter-active[data-popper-placement^=top],
.vft-zoom-in-top-leave-active[data-popper-placement^=top] {
  transform-origin: center bottom;
}

.vft-zoom-in-top-enter-from,
.vft-zoom-in-top-leave-active {
  transform: scaleY(0);
  opacity: 0;
}

.vft-zoom-in-top-fast-enter-active {
  transition: var(--vft-transition-md-fade);
  transform: scaleY(1);
  transform-origin: center top;
  opacity: 1;
}
.vft-zoom-in-top-fast-enter-active[data-popper-placement^=top] {
  transform-origin: center bottom;
}

.vft-zoom-in-top-fast-leave-active {
  transform: scaleY(1);
  transform-origin: center top;
  opacity: 1;
}
.vft-zoom-in-top-fast-leave-active[data-popper-placement^=top] {
  transform-origin: center bottom;
}

.vft-zoom-in-top-fast-enter-from,
.vft-zoom-in-top-fast-leave-active {
  transform: scaleY(0);
  opacity: 0;
}

.vft-zoom-in-bottom-enter-active,
.vft-zoom-in-bottom-leave-active {
  transform: scaleY(1);
  transform-origin: center bottom;
  transition: var(--vft-transition-md-fade);
  opacity: 1;
}

.vft-zoom-in-bottom-enter-from,
.vft-zoom-in-bottom-leave-active {
  transform: scaleY(0);
  opacity: 0;
}

.vft-zoom-in-left-enter-active,
.vft-zoom-in-left-leave-active {
  transform: scale(1, 1);
  transform-origin: top left;
  transition: var(--vft-transition-md-fade);
  opacity: 1;
}

.vft-zoom-in-left-enter-from,
.vft-zoom-in-left-leave-active {
  transform: scale(0.45, 0.45);
  opacity: 0;
}

.collapse-transition {
  transition: var(--vft-transition-duration) height ease-in-out, var(--vft-transition-duration) padding-top ease-in-out, var(--vft-transition-duration) padding-bottom ease-in-out;
}

.vft-collapse-transition-leave-active,
.vft-collapse-transition-enter-active {
  transition: var(--vft-transition-duration) max-height ease-in-out, var(--vft-transition-duration) padding-top ease-in-out, var(--vft-transition-duration) padding-bottom ease-in-out;
}

.horizontal-collapse-transition {
  transition: var(--vft-transition-duration) width ease-in-out, var(--vft-transition-duration) padding-left ease-in-out, var(--vft-transition-duration) padding-right ease-in-out;
}

.vft-list-enter-active,
.vft-list-leave-active {
  transition: all 1s;
}

.vft-list-enter-from,
.vft-list-leave-to {
  transform: translateY(-1.875rem);
  opacity: 0;
}

.vft-list-leave-active {
  position: absolute !important;
}

.vft-opacity-transition {
  transition: opacity var(--vft-transition-duration) cubic-bezier(0.55, 0, 0.1, 1);
}

@keyframes vft-rotate {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes vft-loading-dot {
  33% {
    transform: translateY(-2em);
  }
  66% {
    transform: translateY(-1em);
  }
}
.vft-vl__wrapper {
  position: relative;
}
.vft-vl__wrapper:hover .vft-virtual-scrollbar {
  opacity: 1;
}
.vft-vl__wrapper.always-on .vft-virtual-scrollbar {
  opacity: 1;
}

.vft-vl__window {
  scrollbar-width: none;
}
.vft-vl__window::-webkit-scrollbar {
  display: none;
}

.vft-virtual-scrollbar {
  opacity: 0;
  transition: opacity 340ms ease-out;
}
.vft-virtual-scrollbar.always-on {
  opacity: 1;
}

.vft-vg__wrapper {
  position: relative;
}.vft-fade-in-linear-enter-active,
.vft-fade-in-linear-leave-active {
  transition: var(--vft-transition-fade-linear);
}

.vft-fade-in-linear-enter-from,
.vft-fade-in-linear-leave-to {
  opacity: 0;
}

.vft-fade-in-enter-active,
.vft-fade-in-leave-active {
  transition: all var(--vft-transition-duration) cubic-bezier(0.55, 0, 0.1, 1);
}

.vft-fade-in-enter-from,
.vft-fade-in-leave-active {
  opacity: 0;
}

.vft-zoom-in-center-enter-active,
.vft-zoom-in-center-leave-active {
  transition: all var(--vft-transition-duration) cubic-bezier(0.55, 0, 0.1, 1);
}

.vft-zoom-in-center-enter-from,
.vft-zoom-in-center-leave-active {
  transform: scaleX(0);
  opacity: 0;
}

.vft-zoom-in-top-enter-active,
.vft-zoom-in-top-leave-active {
  transition: var(--vft-transition-md-fade);
  transform: scaleY(1);
  transform-origin: center top;
  opacity: 1;
}
.vft-zoom-in-top-enter-active[data-popper-placement^=top],
.vft-zoom-in-top-leave-active[data-popper-placement^=top] {
  transform-origin: center bottom;
}

.vft-zoom-in-top-enter-from,
.vft-zoom-in-top-leave-active {
  transform: scaleY(0);
  opacity: 0;
}

.vft-zoom-in-top-fast-enter-active {
  transition: var(--vft-transition-md-fade);
  transform: scaleY(1);
  transform-origin: center top;
  opacity: 1;
}
.vft-zoom-in-top-fast-enter-active[data-popper-placement^=top] {
  transform-origin: center bottom;
}

.vft-zoom-in-top-fast-leave-active {
  transform: scaleY(1);
  transform-origin: center top;
  opacity: 1;
}
.vft-zoom-in-top-fast-leave-active[data-popper-placement^=top] {
  transform-origin: center bottom;
}

.vft-zoom-in-top-fast-enter-from,
.vft-zoom-in-top-fast-leave-active {
  transform: scaleY(0);
  opacity: 0;
}

.vft-zoom-in-bottom-enter-active,
.vft-zoom-in-bottom-leave-active {
  transform: scaleY(1);
  transform-origin: center bottom;
  transition: var(--vft-transition-md-fade);
  opacity: 1;
}

.vft-zoom-in-bottom-enter-from,
.vft-zoom-in-bottom-leave-active {
  transform: scaleY(0);
  opacity: 0;
}

.vft-zoom-in-left-enter-active,
.vft-zoom-in-left-leave-active {
  transform: scale(1, 1);
  transform-origin: top left;
  transition: var(--vft-transition-md-fade);
  opacity: 1;
}

.vft-zoom-in-left-enter-from,
.vft-zoom-in-left-leave-active {
  transform: scale(0.45, 0.45);
  opacity: 0;
}

.collapse-transition {
  transition: var(--vft-transition-duration) height ease-in-out, var(--vft-transition-duration) padding-top ease-in-out, var(--vft-transition-duration) padding-bottom ease-in-out;
}

.vft-collapse-transition-leave-active,
.vft-collapse-transition-enter-active {
  transition: var(--vft-transition-duration) max-height ease-in-out, var(--vft-transition-duration) padding-top ease-in-out, var(--vft-transition-duration) padding-bottom ease-in-out;
}

.horizontal-collapse-transition {
  transition: var(--vft-transition-duration) width ease-in-out, var(--vft-transition-duration) padding-left ease-in-out, var(--vft-transition-duration) padding-right ease-in-out;
}

.vft-list-enter-active,
.vft-list-leave-active {
  transition: all 1s;
}

.vft-list-enter-from,
.vft-list-leave-to {
  transform: translateY(-1.875rem);
  opacity: 0;
}

.vft-list-leave-active {
  position: absolute !important;
}

.vft-opacity-transition {
  transition: opacity var(--vft-transition-duration) cubic-bezier(0.55, 0, 0.1, 1);
}

@keyframes vft-rotate {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes vft-loading-dot {
  33% {
    transform: translateY(-2em);
  }
  66% {
    transform: translateY(-1em);
  }
}
.vft-select-dropdown {
  z-index: calc(var(--vft-z-index-top) + 1);
  box-sizing: border-box;
  border-radius: var(--vft-border-radius-base);
}
.vft-select-dropdown .vft-scrollbar.is-empty .vft-select-dropdown__list {
  padding: 0;
}

.vft-select-dropdown__loading {
  margin: 0;
  padding: 0.625rem 0;
  color: var(--vft-text-secondary-color);
  font-size: var(--vft-select-font-size);
  text-align: center;
}

.vft-select-dropdown__empty {
  margin: 0;
  padding: 0.625rem 0;
  color: var(--vft-text-secondary-color);
  font-size: var(--vft-select-font-size);
  text-align: center;
}

.vft-select-dropdown__wrap {
  max-height: 17.125rem;
}

.vft-select-dropdown__list {
  box-sizing: border-box;
  margin: 0;
  padding: 0.375rem 0;
  list-style: none;
}
.vft-select-dropdown__list.vft-vl__window {
  margin: 0.375rem 0;
  padding: 0;
}

.vft-select-dropdown__header {
  border-bottom: 0.0625rem solid var(--vft-border-color-light);
}

.vft-select-dropdown__footer {
  border-top: 0.0625rem solid var(--vft-border-color-light);
}

.vft-select-dropdown__item {
  position: relative;
  box-sizing: border-box;
  height: 2.125rem;
  padding: 0 2rem 0 1.25rem;
  overflow: hidden;
  color: var(--vft-text-regular-color);
  font-size: var(--vft-font-size-base);
  line-height: 2.125rem;
  text-overflow: ellipsis;
  white-space: nowrap;
  cursor: pointer;
}
.vft-select-dropdown__item.is-hovering {
  background-color: var(--vft-fill-color-light);
}

.vft-select-dropdown__item.is-selected {
  color: var(--vft-primary-color);
  font-weight: bold;
}

.vft-select-dropdown__item.is-disabled {
  background-color: unset;
  color: var(--vft-text-placeholder-color);
  cursor: not-allowed;
}

.vft-select-dropdown.is-multiple .vft-select-dropdown__item.is-selected::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 1.25rem;
  width: 0.75rem;
  height: 0.75rem;
  transform: translateY(-50%);
  border-top: none;
  border-right: none;
  background-color: var(--vft-primary-color);
  background-repeat: no-repeat;
  background-position: center;
  -webkit-mask: url("data:image/svg+xml;utf8,%3Csvg class='icon' width='200' height='200' viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='currentColor' d='M406.656 706.944L195.84 496.256a32 32 0 10-45.248 45.248l256 256 512-512a32 32 0 00-45.248-45.248L406.592 706.944z'%3E%3C/path%3E%3C/svg%3E") no-repeat;
          mask: url("data:image/svg+xml;utf8,%3Csvg class='icon' width='200' height='200' viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='currentColor' d='M406.656 706.944L195.84 496.256a32 32 0 10-45.248 45.248l256 256 512-512a32 32 0 00-45.248-45.248L406.592 706.944z'%3E%3C/path%3E%3C/svg%3E") no-repeat;
  mask-size: 100% 100%;
  -webkit-mask: url("data:image/svg+xml;utf8,%3Csvg class='icon' width='200' height='200' viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='currentColor' d='M406.656 706.944L195.84 496.256a32 32 0 10-45.248 45.248l256 256 512-512a32 32 0 00-45.248-45.248L406.592 706.944z'%3E%3C/path%3E%3C/svg%3E") no-repeat;
  -webkit-mask-size: 100% 100%;
}
.vft-select-dropdown.is-multiple .vft-select-dropdown__item.is-disabled::after {
  background-color: var(--vft-text-placeholder-color);
}

.vft-select-group {
  margin: 0;
  padding: 0;
}
.vft-select-group__wrap {
  position: relative;
  margin: 0;
  padding: 0;
  list-style: none;
}

.vft-select-group__title {
  box-sizing: border-box;
  padding: 0 1.25rem;
  overflow: hidden;
  color: var(--vft-info-color);
  font-size: var(--vft-font-size-extra-small);
  line-height: 1.875rem;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.vft-select-group .vft-select-dropdown__item {
  padding-left: 1.25rem;
}

:root {
  --vft-select-border-color-hover: var(--vft-border-color-hover);
  --vft-select-disabled-border: var(--vft-disabled-border-color);
  --vft-select-font-size: var(--vft-font-size-base);
  --vft-select-close-hover-color: var(--vft-text-secondary-color);
  --vft-select-input-color: var(--vft-text-placeholder-color);
  --vft-select-multiple-input-color: var(--vft-text-regular-color);
  --vft-select-input-focus-border-color: var(--vft-primary-color);
  --vft-select-input-font-size: 0.875rem;
  --vft-select-width: 100%;
}

.vft-select {
  display: inline-block;
  position: relative;
  width: var(--vft-select-width);
  vertical-align: middle;
}
.vft-select__wrapper {
  display: flex;
  position: relative;
  box-sizing: border-box;
  align-items: center;
  min-height: 2rem;
  padding: 0.25rem 0.75rem;
  transform: translate3d(0, 0, 0);
  transition: var(--vft-transition-duration);
  border-radius: var(--vft-border-radius-base);
  background-color: var(--vft-fill-color-blank);
  font-size: 0.875rem;
  line-height: 1.5rem;
  text-align: left;
  cursor: pointer;
  gap: 0.375rem;
  border: 0.0625rem solid var(--vft-border-color);
}
.vft-select__wrapper.is-filterable {
  cursor: text;
}

.vft-select__wrapper.is-focused {
  border: 0.0625rem solid var(--vft-primary-color);
}

.vft-select__wrapper.is-hovering:not(.is-focused) {
  border: 0.0625rem solid var(--vft-border-color-hover);
}

.vft-select__wrapper.is-disabled {
  background-color: var(--vft-fill-color-light);
  color: var(--vft-text-placeholder-color);
  cursor: not-allowed;
  border: 0.0625rem solid var(--vft-select-disabled-border);
}
.vft-select__wrapper.is-disabled:hover {
  border: 0.0625rem solid var(--vft-select-disabled-border);
}
.vft-select__wrapper.is-disabled.is-focus {
  border: 0.0625rem solid var(--vft-input-focus-border-color);
}
.vft-select__wrapper.is-disabled .vft-select__selected-item {
  color: var(--vft-select-disabled-color);
}

.vft-select__wrapper.is-disabled .vft-select__caret {
  cursor: not-allowed;
}

.vft-select__wrapper.is-disabled .vft-tag {
  cursor: not-allowed;
}
.vft-select__wrapper.is-disabled input {
  cursor: not-allowed;
}

.vft-select__prefix {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  color: var(--vft-input-icon-color, var(--vft-text-placeholder-color));
  gap: 0.375rem;
}

.vft-select__suffix {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  color: var(--vft-input-icon-color, var(--vft-text-placeholder-color));
  gap: 0.375rem;
}

.vft-select__caret {
  transform: rotateZ(0deg);
  transition: var(--vft-transition-duration);
  color: var(--vft-select-input-color);
  font-size: var(--vft-select-input-font-size);
  cursor: pointer;
}
.vft-select__caret.is-reverse {
  transform: rotateZ(180deg);
}

.vft-select__clear {
  cursor: pointer;
}
.vft-select__clear:hover {
  color: var(--vft-select-close-hover-color);
}

.vft-select__selection {
  display: flex;
  position: relative;
  flex: 1;
  flex-wrap: wrap;
  align-items: center;
  min-width: 0;
  gap: 0.375rem;
}
.vft-select__selection.is-near {
  margin-left: -0.5rem;
}

.vft-select__selection .vft-tag {
  border-color: transparent;
  cursor: pointer;
}
.vft-select__selection .vft-tag.vft-tag--plain {
  border-color: var(--vft-tag-border-color);
}
.vft-select__selection .vft-tag .vft-tag__content {
  min-width: 0;
}

.vft-select__selected-item {
  display: flex;
  flex-wrap: wrap;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.vft-select__tags-text {
  display: block;
  line-height: normal;
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  line-clamp: 1;
  word-break: break-all;
}

.vft-select__placeholder {
  display: block;
  position: absolute;
  z-index: -1;
  top: 50%;
  width: 100%;
  transform: translateY(-50%);
  color: var(--vft-input-text-color, var(--vft-text-regular-color));
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  line-clamp: 1;
  word-break: break-all;
}
.vft-select__placeholder.is-transparent {
  color: var(--vft-text-placeholder-color);
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.vft-select__popper.vft-popper {
  border: 0.0625rem solid var(--vft-border-color-light);
  background: var(--vft-bg-color-overlay);
  box-shadow: var(--vft-box-shadow-light);
}
.vft-select__popper.vft-popper[data-popper-placement^=top] .vft-popper__arrow::before {
  border-top-color: transparent;
  border-left-color: transparent;
}
.vft-select__popper.vft-popper[data-popper-placement^=bottom] .vft-popper__arrow::before {
  border-bottom-color: transparent;
  border-right-color: transparent;
}
.vft-select__popper.vft-popper[data-popper-placement^=left] .vft-popper__arrow::before {
  border-left-color: transparent;
  border-bottom-color: transparent;
}
.vft-select__popper.vft-popper[data-popper-placement^=right] .vft-popper__arrow::before {
  border-right-color: transparent;
  border-top-color: transparent;
}
.vft-select__popper.vft-popper .vft-popper__arrow::before {
  border: 0.0625rem solid var(--vft-border-color-light);
}

.vft-select__input-wrapper {
  flex: 1;
}
.vft-select__input-wrapper.is-hidden {
  position: absolute;
  z-index: -1;
  opacity: 0;
}

.vft-select__input {
  width: 100%;
  height: 1.5rem;
  padding: 0;
  border: none;
  outline: none;
  background-color: transparent;
  color: var(--vft-select-multiple-input-color);
  font-family: inherit;
  font-size: inherit;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.vft-select__input.is-disabled {
  cursor: not-allowed;
}

.vft-select__input-calculator {
  visibility: hidden;
  position: absolute;
  top: 0;
  left: 0;
  max-width: 100%;
  overflow: hidden;
  white-space: pre;
}

.vft-select--large .vft-select__wrapper {
  min-height: 2.5rem;
  padding: 0.5rem 1rem;
  font-size: 0.875rem;
  line-height: 1.5rem;
  gap: 0.375rem;
}

.vft-select--large .vft-select__selection {
  gap: 0.375rem;
}
.vft-select--large .vft-select__selection.is-near {
  margin-left: -0.5rem;
}

.vft-select--large .vft-select__prefix {
  gap: 0.375rem;
}

.vft-select--large .vft-select__suffix {
  gap: 0.375rem;
}

.vft-select--large .vft-select__input {
  height: 1.5rem;
}

.vft-select--small .vft-select__wrapper {
  min-height: 1.5rem;
  padding: 0.125rem 0.5rem;
  font-size: 0.75rem;
  line-height: 1.25rem;
  gap: 0.25rem;
}

.vft-select--small .vft-select__selection {
  gap: 0.25rem;
}
.vft-select--small .vft-select__selection.is-near {
  margin-left: -0.375rem;
}

.vft-select--small .vft-select__prefix {
  gap: 0.25rem;
}

.vft-select--small .vft-select__suffix {
  gap: 0.25rem;
}

.vft-select--small .vft-select__input {
  height: 1.25rem;
}

.vft-select .icon-arrow-down {
  width: 1em;
  height: 1em;
  background-color: currentcolor;
  -webkit-mask: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="M831.872 340.864L512 652.672L192.128 340.864a30.592 30.592 0 0 0-42.752 0a29.12 29.12 0 0 0 0 41.6L489.664 714.24a32 32 0 0 0 44.672 0l340.288-331.712a29.12 29.12 0 0 0 0-41.728a30.592 30.592 0 0 0-42.752 0z"%2F%3E%3C%2Fsvg%3E') no-repeat;
          mask: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="M831.872 340.864L512 652.672L192.128 340.864a30.592 30.592 0 0 0-42.752 0a29.12 29.12 0 0 0 0 41.6L489.664 714.24a32 32 0 0 0 44.672 0l340.288-331.712a29.12 29.12 0 0 0 0-41.728a30.592 30.592 0 0 0-42.752 0z"%2F%3E%3C%2Fsvg%3E') no-repeat;
  -webkit-mask-size: 100% 100%;
          mask-size: 100% 100%;
}
.vft-select .icon-circle-close {
  width: 1em;
  height: 1em;
  background-color: currentcolor;
  -webkit-mask: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="m466.752 512l-90.496-90.496a32 32 0 0 1 45.248-45.248L512 466.752l90.496-90.496a32 32 0 1 1 45.248 45.248L557.248 512l90.496 90.496a32 32 0 1 1-45.248 45.248L512 557.248l-90.496 90.496a32 32 0 0 1-45.248-45.248L466.752 512z"%2F%3E%3Cpath fill="currentColor" d="M512 896a384 384 0 1 0 0-768a384 384 0 0 0 0 768zm0 64a448 448 0 1 1 0-896a448 448 0 0 1 0 896z"%2F%3E%3C%2Fsvg%3E') no-repeat;
          mask: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="m466.752 512l-90.496-90.496a32 32 0 0 1 45.248-45.248L512 466.752l90.496-90.496a32 32 0 1 1 45.248 45.248L557.248 512l90.496 90.496a32 32 0 1 1-45.248 45.248L512 557.248l-90.496 90.496a32 32 0 0 1-45.248-45.248L466.752 512z"%2F%3E%3Cpath fill="currentColor" d="M512 896a384 384 0 1 0 0-768a384 384 0 0 0 0 768zm0 64a448 448 0 1 1 0-896a448 448 0 0 1 0 896z"%2F%3E%3C%2Fsvg%3E') no-repeat;
  -webkit-mask-size: 100% 100%;
          mask-size: 100% 100%;
}.vft-fade-in-linear-enter-active,
.vft-fade-in-linear-leave-active {
  transition: var(--vft-transition-fade-linear);
}

.vft-fade-in-linear-enter-from,
.vft-fade-in-linear-leave-to {
  opacity: 0;
}

.vft-fade-in-enter-active,
.vft-fade-in-leave-active {
  transition: all var(--vft-transition-duration) cubic-bezier(0.55, 0, 0.1, 1);
}

.vft-fade-in-enter-from,
.vft-fade-in-leave-active {
  opacity: 0;
}

.vft-zoom-in-center-enter-active,
.vft-zoom-in-center-leave-active {
  transition: all var(--vft-transition-duration) cubic-bezier(0.55, 0, 0.1, 1);
}

.vft-zoom-in-center-enter-from,
.vft-zoom-in-center-leave-active {
  transform: scaleX(0);
  opacity: 0;
}

.vft-zoom-in-top-enter-active,
.vft-zoom-in-top-leave-active {
  transition: var(--vft-transition-md-fade);
  transform: scaleY(1);
  transform-origin: center top;
  opacity: 1;
}
.vft-zoom-in-top-enter-active[data-popper-placement^=top],
.vft-zoom-in-top-leave-active[data-popper-placement^=top] {
  transform-origin: center bottom;
}

.vft-zoom-in-top-enter-from,
.vft-zoom-in-top-leave-active {
  transform: scaleY(0);
  opacity: 0;
}

.vft-zoom-in-top-fast-enter-active {
  transition: var(--vft-transition-md-fade);
  transform: scaleY(1);
  transform-origin: center top;
  opacity: 1;
}
.vft-zoom-in-top-fast-enter-active[data-popper-placement^=top] {
  transform-origin: center bottom;
}

.vft-zoom-in-top-fast-leave-active {
  transform: scaleY(1);
  transform-origin: center top;
  opacity: 1;
}
.vft-zoom-in-top-fast-leave-active[data-popper-placement^=top] {
  transform-origin: center bottom;
}

.vft-zoom-in-top-fast-enter-from,
.vft-zoom-in-top-fast-leave-active {
  transform: scaleY(0);
  opacity: 0;
}

.vft-zoom-in-bottom-enter-active,
.vft-zoom-in-bottom-leave-active {
  transform: scaleY(1);
  transform-origin: center bottom;
  transition: var(--vft-transition-md-fade);
  opacity: 1;
}

.vft-zoom-in-bottom-enter-from,
.vft-zoom-in-bottom-leave-active {
  transform: scaleY(0);
  opacity: 0;
}

.vft-zoom-in-left-enter-active,
.vft-zoom-in-left-leave-active {
  transform: scale(1, 1);
  transform-origin: top left;
  transition: var(--vft-transition-md-fade);
  opacity: 1;
}

.vft-zoom-in-left-enter-from,
.vft-zoom-in-left-leave-active {
  transform: scale(0.45, 0.45);
  opacity: 0;
}

.collapse-transition {
  transition: var(--vft-transition-duration) height ease-in-out, var(--vft-transition-duration) padding-top ease-in-out, var(--vft-transition-duration) padding-bottom ease-in-out;
}

.vft-collapse-transition-leave-active,
.vft-collapse-transition-enter-active {
  transition: var(--vft-transition-duration) max-height ease-in-out, var(--vft-transition-duration) padding-top ease-in-out, var(--vft-transition-duration) padding-bottom ease-in-out;
}

.horizontal-collapse-transition {
  transition: var(--vft-transition-duration) width ease-in-out, var(--vft-transition-duration) padding-left ease-in-out, var(--vft-transition-duration) padding-right ease-in-out;
}

.vft-list-enter-active,
.vft-list-leave-active {
  transition: all 1s;
}

.vft-list-enter-from,
.vft-list-leave-to {
  transform: translateY(-1.875rem);
  opacity: 0;
}

.vft-list-leave-active {
  position: absolute !important;
}

.vft-opacity-transition {
  transition: opacity var(--vft-transition-duration) cubic-bezier(0.55, 0, 0.1, 1);
}

@keyframes vft-rotate {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes vft-loading-dot {
  33% {
    transform: translateY(-2em);
  }
  66% {
    transform: translateY(-1em);
  }
}
:root {
  --vft-tabs-padding: 0;
  --vft-tabs-font-size: var(--vft-font-size-base);
  --vft-tabs-font-weight: 400;
  --vft-tabs-font-weight-active: 500;
  --vft-tabs-header-height: 2.5rem;
  --vft-tabs-border-bottom: 0.0625rem solid var(--vft-border-color-lighter);
  --vft-tabs-nav-color: var(--vft-border-color-lighter);
  --vft-tabs-header-margin: 0 0 0.9375rem;
  --vft-tabs-header-padding: 0;
  --vft-tabs-header-border-bottom: none;
  --vft-tabs-item-padding: 0 1.25rem;
  --vft-tabs-item-max-width: 100%;
  --vft-tabs-item-bg-color: transparent;
  --vft-tabs-item-active-bg-color: transparent;
  --vft-tabs-item-hover-bg-color: transparent;
  --vft-tabs-item-color: var(--text-init-color);
  --vft-tabs-item-active-color: inherit;
  --vft-tabs-item-hover-color: var(--text-hover-color);
  --vft-tabs-item-border: 0 solid #eee;
  --vft-tabs-item-active-border: 0 solid var(--vft-border-color-lighter);
  --vft-tabs-item-hover-border: 0 solid transparent;
  --vft-tabs-item-distance: 0.625rem;
  --vft-tabs-item-border-radius: 0.3125rem 0.3125rem 0 0;
  --vft-tabs-close-icon-left: 0.3125rem;
  --vft-tabs-close-icon-hover-color: black;
  --vft-tabs-close-icon-hover-bg-color: #dfdfdf;
  --vft-tabs-add-icon-right: 1.875rem;
  --vft-tabs-add-icon-padding-left: 1.25rem;
  --vft-tabs-scroll-padding: 0 3.75rem 0 1.25rem;
  --vft-tabs-active-distance: 0.875rem;
  --vft-tabs-show-border-bottom: block;
}

.vft-tabs {
  display: flex;
  padding: var(--vft-tabs-padding);
}
.vft-tabs__header {
  display: flex;
  position: relative;
  align-items: center;
  justify-content: space-between;
  margin: 0 0 0.9375rem;
  padding: 0;
}

.vft-tabs__header-vertical {
  flex-direction: column;
}

.vft-tabs__active-bar {
  position: absolute;
  z-index: 1;
  bottom: 0;
  left: 0;
  height: 0.125rem;
  background-color: var(--vft-primary-color);
  list-style: none;
}
.vft-tabs__active-bar.is-load {
  transition: width var(--vft-transition-duration) var(--vft-transition-function-ease-in-out-bezier), transform var(--vft-transition-duration) var(--vft-transition-function-ease-in-out-bezier);
}

.vft-tabs__new-tab {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  width: 1.25rem;
  height: 1.25rem;
  margin: 0.625rem 0 0.625rem 0.625rem;
  transition: all 0.15s;
  border: 0.0625rem solid var(--vft-border-color);
  border-radius: 0.1875rem;
  color: var(--vft-text-color-primary);
  font-size: 0.75rem;
  line-height: 1.25rem;
  text-align: center;
  cursor: pointer;
}
.vft-tabs__new-tab .is-icon-plus {
  width: inherit;
  height: inherit;
  transform: scale(0.8, 0.8);
}
.vft-tabs__new-tab .is-icon-plus svg {
  vertical-align: middle;
}
.vft-tabs__new-tab:hover {
  color: var(--vft-primary-color);
}

.vft-tabs__new-tab-vertical {
  margin-left: 0;
}

.vft-tabs__nav-wrap {
  position: relative;
  flex: 1 auto;
  margin-bottom: -0.0625rem;
  overflow: hidden;
}
.vft-tabs__nav-wrap.is-scrollable {
  box-sizing: border-box;
  padding: var(--vft-tabs-scroll-padding);
}
.vft-tabs__nav-wrap.is-scrollable .vft-tabs__new-tab {
  right: var(--vft-tabs-add-icon-right);
}

.vft-tabs__nav-wrap::after {
  content: "";
  display: var(--vft-tabs-show-border-bottom);
  position: absolute;
  z-index: var(--vft-z-index-normal);
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0.125rem;
  background-color: var(--vft-tabs-nav-color);
}
.vft-tabs__nav-wrap.is-scrollable {
  box-sizing: border-box;
  padding: 0 1.25rem;
}

.vft-tabs__nav-scroll {
  overflow: hidden;
}
.vft-tabs__nav-scroll.is-have-fixed-tab {
  height: var(--vft-tabs-header-height);
}

.vft-tabs .icon-close {
  width: 1em;
  height: 1em;
  background-color: currentcolor;
  -webkit-mask: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="M764.288 214.592L512 466.88L259.712 214.592a31.936 31.936 0 0 0-45.12 45.12L466.752 512L214.528 764.224a31.936 31.936 0 1 0 45.12 45.184L512 557.184l252.288 252.288a31.936 31.936 0 0 0 45.12-45.12L557.12 512.064l252.288-252.352a31.936 31.936 0 1 0-45.12-45.184z"%2F%3E%3C%2Fsvg%3E') no-repeat;
          mask: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="M764.288 214.592L512 466.88L259.712 214.592a31.936 31.936 0 0 0-45.12 45.12L466.752 512L214.528 764.224a31.936 31.936 0 1 0 45.12 45.184L512 557.184l252.288 252.288a31.936 31.936 0 0 0 45.12-45.12L557.12 512.064l252.288-252.352a31.936 31.936 0 1 0-45.12-45.184z"%2F%3E%3C%2Fsvg%3E') no-repeat;
  -webkit-mask-size: 100% 100%;
          mask-size: 100% 100%;
}
.vft-tabs .icon-arrow-left {
  width: 1em;
  height: 1em;
  background-color: currentcolor;
  -webkit-mask: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="M609.408 149.376L277.76 489.6a32 32 0 0 0 0 44.672l331.648 340.352a29.12 29.12 0 0 0 41.728 0a30.592 30.592 0 0 0 0-42.752L339.264 511.936l311.872-319.872a30.592 30.592 0 0 0 0-42.688a29.12 29.12 0 0 0-41.728 0z"%2F%3E%3C%2Fsvg%3E') no-repeat;
          mask: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="M609.408 149.376L277.76 489.6a32 32 0 0 0 0 44.672l331.648 340.352a29.12 29.12 0 0 0 41.728 0a30.592 30.592 0 0 0 0-42.752L339.264 511.936l311.872-319.872a30.592 30.592 0 0 0 0-42.688a29.12 29.12 0 0 0-41.728 0z"%2F%3E%3C%2Fsvg%3E') no-repeat;
  -webkit-mask-size: 100% 100%;
          mask-size: 100% 100%;
}
.vft-tabs .icon-arrow-right {
  width: 1em;
  height: 1em;
  background-color: currentcolor;
  -webkit-mask: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="M340.864 149.312a30.592 30.592 0 0 0 0 42.752L652.736 512L340.864 831.872a30.592 30.592 0 0 0 0 42.752a29.12 29.12 0 0 0 41.728 0L714.24 534.336a32 32 0 0 0 0-44.672L382.592 149.376a29.12 29.12 0 0 0-41.728 0z"%2F%3E%3C%2Fsvg%3E') no-repeat;
          mask: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="M340.864 149.312a30.592 30.592 0 0 0 0 42.752L652.736 512L340.864 831.872a30.592 30.592 0 0 0 0 42.752a29.12 29.12 0 0 0 41.728 0L714.24 534.336a32 32 0 0 0 0-44.672L382.592 149.376a29.12 29.12 0 0 0-41.728 0z"%2F%3E%3C%2Fsvg%3E') no-repeat;
  -webkit-mask-size: 100% 100%;
          mask-size: 100% 100%;
}
.vft-tabs__nav-next, .vft-tabs__nav-prev {
  display: inline-flex;
  position: absolute;
  align-items: center;
  width: 1.25rem;
  height: 100%;
  color: var(--vft-text-color-secondary);
  font-size: 0.75rem;
  line-height: 2.75rem;
  text-align: center;
  cursor: pointer;
}

.vft-tabs__nav-next {
  right: 0;
}

.vft-tabs__nav-prev {
  left: 0;
}

.vft-tabs__nav {
  display: flex;
  position: relative;
  z-index: calc(var(--vft-z-index-normal) + 1);
  float: left;
  transition: transform var(--vft-transition-duration);
  white-space: nowrap;
}
.vft-tabs__nav.is-stretch {
  display: flex;
  min-width: 100%;
}
.vft-tabs__nav.is-stretch > * {
  flex: 1;
  text-align: center;
}

.vft-tabs__nav.is-fixed-nav {
  /* stylelint-disable-next-line */
  transform: translateY(calc(0PX - var(--vft-tabs-header-height)));
  background-color: #eceff3;
}

.vft-tabs__item {
  display: inline-flex;
  box-sizing: border-box;
  align-items: center;
  justify-content: flex-start;
  max-width: var(--vft-tabs-item-max-width);
  height: var(--vft-tabs-header-height);
  margin-right: var(--vft-tabs-item-distance);
  padding: var(--vft-tabs-item-padding);
  transition: var(--vft-transition-function-ease-in-out-bezier), padding var(--vft-transition-duration) var(--vft-transition-function-ease-in-out-bezier), background-color var(--vft-transition-duration) var(--vft-transition-function-ease-in-out-bezier), color var(--vft-transition-duration);
  border: var(--vft-tabs-item-border);
  border-radius: var(--vft-tabs-item-border-radius);
  background-color: var(--vft-tabs-item-bg-color);
  color: var(--vft-tabs-item-color);
  font-size: var(--vft-tabs-font-size);
  font-weight: var(--vft-tabs-font-weight);
  line-height: 1;
  list-style: none;
}
.vft-tabs__item.is-disabled {
  color: var(--vft-disabled-text-color);
  cursor: not-allowed;
}

.vft-tabs__item.is-active {
  border: var(--vft-tabs-item-active-border);
  background-color: var(--vft-tabs-item-active-bg-color);
  color: var(--vft-tabs-item-active-color);
  font-weight: var(--vft-tabs-font-weight-active);
}
.vft-tabs__item.is-active.is-closable .is-icon-close {
  width: var(--vft-tabs-active-distance);
}

.vft-tabs__item.is-active.is-closable .is-icon-close {
  width: var(--vft-tabs-active-distance) !important;
  opacity: 1;
}
.vft-tabs__item.is-closable:hover .is-icon-close {
  width: var(--vft-tabs-active-distance) !important;
  opacity: 1;
}
.vft-tabs__item .is-icon-close {
  opacity: 0;
}
.vft-tabs__item:hover {
  border: var(--vft-tabs-item-hover-border);
  background-color: var(--vft-tabs-item-hover-bg-color);
  color: var(--vft-tabs-item-hover-color);
  cursor: pointer;
}
.vft-tabs__item:focus, .vft-tabs__item:focus:active {
  outline: none;
}
.vft-tabs__item .is-icon-close {
  display: flex;
  align-items: center;
  justify-content: center;
  width: var(--vft-tabs-active-distance);
  height: var(--vft-tabs-active-distance);
  margin-left: var(--vft-tabs-close-icon-left);
  transition: all var(--vft-transition-duration) var(--vft-transition-function-ease-in-out-bezier);
  border-radius: 50%;
}
.vft-tabs__item .is-icon-close:hover {
  background-color: var(--vft-tabs-close-icon-hover-bg-color);
}
.vft-tabs__item .is-icon-close:hover i {
  color: var(--vft-tabs-close-icon-hover-color) !important;
}

.vft-tabs__content {
  position: relative;
  flex-grow: 1;
  overflow: hidden;
}

.vft-tabs--top.vft-tabs--border-card > .vft-tabs__header .vft-tabs__item:nth-child(2), .vft-tabs--top.vft-tabs--card > .vft-tabs__header .vft-tabs__item:nth-child(2), .vft-tabs--bottom.vft-tabs--border-card > .vft-tabs__header .vft-tabs__item:nth-child(2), .vft-tabs--bottom.vft-tabs--card > .vft-tabs__header .vft-tabs__item:nth-child(2) {
  padding-left: 1.25rem;
}
.vft-tabs--top.vft-tabs--border-card > .vft-tabs__header .vft-tabs__item:last-child, .vft-tabs--top.vft-tabs--card > .vft-tabs__header .vft-tabs__item:last-child, .vft-tabs--bottom.vft-tabs--border-card > .vft-tabs__header .vft-tabs__item:last-child, .vft-tabs--bottom.vft-tabs--card > .vft-tabs__header .vft-tabs__item:last-child {
  padding-right: 1.25rem;
}

.vft-tabs--bottom {
  flex-direction: column;
}
.vft-tabs--bottom .vft-tabs__header.is-bottom {
  margin-top: 0.625rem;
  margin-bottom: 0;
}
.vft-tabs--bottom.vft-tabs--border-card .vft-tabs__header.is-bottom {
  border-top: 0.0625rem solid var(--vft-border-color);
  border-bottom: 0;
}
.vft-tabs--bottom.vft-tabs--border-card .vft-tabs__nav-wrap.is-bottom {
  margin-top: -0.0625rem;
  margin-bottom: 0;
}
.vft-tabs--bottom.vft-tabs--border-card .vft-tabs__item.is-bottom:not(.is-active) {
  border: 0.0625rem solid transparent;
}
.vft-tabs--bottom.vft-tabs--border-card .vft-tabs__item.is-bottom {
  margin: 0 -0.0625rem -0.0625rem;
}

.vft-tabs--left, .vft-tabs--right {
  overflow: hidden;
}
.vft-tabs--left .vft-tabs__header.is-left,
.vft-tabs--left .vft-tabs__header.is-right,
.vft-tabs--left .vft-tabs__nav-wrap.is-left,
.vft-tabs--left .vft-tabs__nav-wrap.is-right,
.vft-tabs--left .vft-tabs__nav-scroll, .vft-tabs--right .vft-tabs__header.is-left,
.vft-tabs--right .vft-tabs__header.is-right,
.vft-tabs--right .vft-tabs__nav-wrap.is-left,
.vft-tabs--right .vft-tabs__nav-wrap.is-right,
.vft-tabs--right .vft-tabs__nav-scroll {
  height: 100%;
}
.vft-tabs--left .vft-tabs__active-bar.is-left,
.vft-tabs--left .vft-tabs__active-bar.is-right, .vft-tabs--right .vft-tabs__active-bar.is-left,
.vft-tabs--right .vft-tabs__active-bar.is-right {
  top: 0;
  bottom: auto;
  width: 0.125rem;
  height: auto;
}
.vft-tabs--left .vft-tabs__nav-wrap.is-left,
.vft-tabs--left .vft-tabs__nav-wrap.is-right, .vft-tabs--right .vft-tabs__nav-wrap.is-left,
.vft-tabs--right .vft-tabs__nav-wrap.is-right {
  margin-bottom: 0;
}
.vft-tabs--left .vft-tabs__nav-wrap.is-left > .vft-tabs__nav-prev,
.vft-tabs--left .vft-tabs__nav-wrap.is-left > .vft-tabs__nav-next,
.vft-tabs--left .vft-tabs__nav-wrap.is-right > .vft-tabs__nav-prev,
.vft-tabs--left .vft-tabs__nav-wrap.is-right > .vft-tabs__nav-next, .vft-tabs--right .vft-tabs__nav-wrap.is-left > .vft-tabs__nav-prev,
.vft-tabs--right .vft-tabs__nav-wrap.is-left > .vft-tabs__nav-next,
.vft-tabs--right .vft-tabs__nav-wrap.is-right > .vft-tabs__nav-prev,
.vft-tabs--right .vft-tabs__nav-wrap.is-right > .vft-tabs__nav-next {
  width: 100%;
  height: 1.875rem;
  line-height: 1.875rem;
  text-align: center;
  cursor: pointer;
}
.vft-tabs--left .vft-tabs__nav-wrap.is-left > .vft-tabs__nav-prev i,
.vft-tabs--left .vft-tabs__nav-wrap.is-left > .vft-tabs__nav-next i,
.vft-tabs--left .vft-tabs__nav-wrap.is-right > .vft-tabs__nav-prev i,
.vft-tabs--left .vft-tabs__nav-wrap.is-right > .vft-tabs__nav-next i, .vft-tabs--right .vft-tabs__nav-wrap.is-left > .vft-tabs__nav-prev i,
.vft-tabs--right .vft-tabs__nav-wrap.is-left > .vft-tabs__nav-next i,
.vft-tabs--right .vft-tabs__nav-wrap.is-right > .vft-tabs__nav-prev i,
.vft-tabs--right .vft-tabs__nav-wrap.is-right > .vft-tabs__nav-next i {
  transform: rotateZ(90deg);
}
.vft-tabs--left .vft-tabs__nav-wrap.is-left > .vft-tabs__nav-prev,
.vft-tabs--left .vft-tabs__nav-wrap.is-right > .vft-tabs__nav-prev, .vft-tabs--right .vft-tabs__nav-wrap.is-left > .vft-tabs__nav-prev,
.vft-tabs--right .vft-tabs__nav-wrap.is-right > .vft-tabs__nav-prev {
  top: 0;
  left: auto;
}
.vft-tabs--left .vft-tabs__nav-wrap.is-left > .vft-tabs__nav-next,
.vft-tabs--left .vft-tabs__nav-wrap.is-right > .vft-tabs__nav-next, .vft-tabs--right .vft-tabs__nav-wrap.is-left > .vft-tabs__nav-next,
.vft-tabs--right .vft-tabs__nav-wrap.is-right > .vft-tabs__nav-next {
  right: auto;
  bottom: 0;
}
.vft-tabs--left .vft-tabs__nav-wrap.is-left.is-scrollable,
.vft-tabs--left .vft-tabs__nav-wrap.is-right.is-scrollable, .vft-tabs--right .vft-tabs__nav-wrap.is-left.is-scrollable,
.vft-tabs--right .vft-tabs__nav-wrap.is-right.is-scrollable {
  padding: 1.875rem 0;
}
.vft-tabs--left .vft-tabs__nav-wrap.is-left::after,
.vft-tabs--left .vft-tabs__nav-wrap.is-right::after, .vft-tabs--right .vft-tabs__nav-wrap.is-left::after,
.vft-tabs--right .vft-tabs__nav-wrap.is-right::after {
  top: 0;
  bottom: auto;
  width: 0.125rem;
  height: 100%;
}
.vft-tabs--left .vft-tabs__nav.is-left,
.vft-tabs--left .vft-tabs__nav.is-right, .vft-tabs--right .vft-tabs__nav.is-left,
.vft-tabs--right .vft-tabs__nav.is-right {
  flex-direction: column;
}
.vft-tabs--left .vft-tabs__item.is-left, .vft-tabs--right .vft-tabs__item.is-left {
  justify-content: flex-end;
}
.vft-tabs--left .vft-tabs__item.is-right, .vft-tabs--right .vft-tabs__item.is-right {
  justify-content: flex-start;
}

.vft-tabs--top .vft-tabs__nav, .vft-tabs--bottom .vft-tabs__nav {
  height: var(--vft-tabs-header-height);
}

.vft-tabs--left {
  flex-direction: row;
}
.vft-tabs--left .vft-tabs__header.is-left {
  margin-right: 0.625rem;
  margin-bottom: 0;
}
.vft-tabs--left .vft-tabs__nav-wrap.is-left {
  margin-right: -0.0625rem;
}
.vft-tabs--left .vft-tabs__nav-wrap.is-left::after {
  right: 0;
  left: auto;
}
.vft-tabs--left .vft-tabs__active-bar.is-left {
  right: 0;
  left: auto;
}
.vft-tabs--left .vft-tabs__item.is-left {
  text-align: right;
}
.vft-tabs--left.vft-tabs--card .vft-tabs__active-bar.is-left {
  display: none;
}
.vft-tabs--left.vft-tabs--card .vft-tabs__item.is-left {
  border-top: 0.0625rem solid var(--vft-border-color-light);
  border-right: 0.0625rem solid var(--vft-border-color-light);
  border-bottom: none;
  border-left: none;
  text-align: left;
}
.vft-tabs--left.vft-tabs--card .vft-tabs__item.is-left:first-child {
  border-top: none;
  border-right: 0.0625rem solid var(--vft-border-color-light);
}
.vft-tabs--left.vft-tabs--card .vft-tabs__item.is-left.is-active {
  border: 0.0625rem solid var(--vft-border-color-light);
  border-bottom: none;
  border-left: none;
  border-right-color: #fff;
}
.vft-tabs--left.vft-tabs--card .vft-tabs__item.is-left.is-active:first-child {
  border-top: none;
}
.vft-tabs--left.vft-tabs--card .vft-tabs__item.is-left.is-active:last-child {
  border-bottom: none;
}
.vft-tabs--left.vft-tabs--card .vft-tabs__nav {
  border-right: none;
  border-bottom: 0.0625rem solid var(--vft-border-color-light);
  border-radius: 0.25rem 0 0 0.25rem;
}
.vft-tabs--left.vft-tabs--card .vft-tabs__new-tab {
  float: none;
}
.vft-tabs--left.vft-tabs--border-card .vft-tabs__header.is-left {
  border-right: 0.0625rem solid var(--vft-border-color);
}
.vft-tabs--left.vft-tabs--border-card .vft-tabs__item.is-left {
  margin: -0.0625rem 0 -0.0625rem -0.0625rem;
  border: 0.0625rem solid transparent;
}
.vft-tabs--left.vft-tabs--border-card .vft-tabs__item.is-left.is-active {
  border-color: transparent;
  border-top-color: rgb(209, 219, 229);
  border-bottom-color: rgb(209, 219, 229);
}
.vft-tabs--left > .vft-tabs__content + .vft-tabs__header {
  order: -1;
}

.vft-tabs--right .vft-tabs__header.is-right {
  margin-bottom: 0;
  margin-left: 0.625rem;
}
.vft-tabs--right .vft-tabs__nav-wrap.is-right {
  margin-left: -0.0625rem;
}
.vft-tabs--right .vft-tabs__nav-wrap.is-right::after {
  right: auto;
  left: 0;
}
.vft-tabs--right .vft-tabs__active-bar.is-right {
  left: 0;
}
.vft-tabs--right.vft-tabs--card .vft-tabs__active-bar.is-right {
  display: none;
}
.vft-tabs--right.vft-tabs--card .vft-tabs__item.is-right {
  border-top: 0.0625rem solid var(--vft-border-color-light);
  border-bottom: none;
}
.vft-tabs--right.vft-tabs--card .vft-tabs__item.is-right:first-child {
  border-top: none;
  border-left: 0.0625rem solid var(--vft-border-color-light);
}
.vft-tabs--right.vft-tabs--card .vft-tabs__item.is-right.is-active {
  border: 0.0625rem solid var(--vft-border-color-light);
  border-right: none;
  border-bottom: none;
  border-left-color: #fff;
}
.vft-tabs--right.vft-tabs--card .vft-tabs__item.is-right.is-active:first-child {
  border-top: none;
}
.vft-tabs--right.vft-tabs--card .vft-tabs__item.is-right.is-active:last-child {
  border-bottom: none;
}
.vft-tabs--right.vft-tabs--card .vft-tabs__nav {
  border-bottom: 0.0625rem solid var(--vft-border-color-light);
  border-left: none;
  border-radius: 0 0.25rem 0.25rem 0;
}
.vft-tabs--right.vft-tabs--border-card .vft-tabs__header.is-right {
  border-left: 0.0625rem solid var(--vft-border-color);
}
.vft-tabs--right.vft-tabs--border-card .vft-tabs__item.is-right {
  margin: -0.0625rem -0.0625rem -0.0625rem 0;
  border: 0.0625rem solid transparent;
}
.vft-tabs--right.vft-tabs--border-card .vft-tabs__item.is-right.is-active {
  border-color: transparent;
  border-top-color: rgb(209, 219, 229);
  border-bottom-color: rgb(209, 219, 229);
}

.vft-tabs .icon-plus {
  width: 1em;
  height: 1em;
  background-color: currentcolor;
  -webkit-mask: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="M480 480V128a32 32 0 0 1 64 0v352h352a32 32 0 1 1 0 64H544v352a32 32 0 1 1-64 0V544H128a32 32 0 0 1 0-64h352z"%2F%3E%3C%2Fsvg%3E') no-repeat;
          mask: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="M480 480V128a32 32 0 0 1 64 0v352h352a32 32 0 1 1 0 64H544v352a32 32 0 1 1-64 0V544H128a32 32 0 0 1 0-64h352z"%2F%3E%3C%2Fsvg%3E') no-repeat;
  -webkit-mask-size: 100% 100%;
          mask-size: 100% 100%;
}
.vft-tabs .vft-tabs__header .vft-tabs__nav {
  box-sizing: border-box;
  border-radius: 0.25rem 0.25rem 0 0;
}
.vft-tabs--top {
  flex-direction: column;
}
.vft-tabs--top > .vft-tabs__content + .vft-tabs__header {
  order: -1;
}

.slideInRight-transition,
.slideInLeft-transition {
  display: inline-block;
}

.slideInRight-enter {
  animation: slideInRight-enter var(--vft-transition-duration);
}

.slideInRight-leave {
  position: absolute;
  right: 0;
  left: 0;
  animation: slideInRight-leave var(--vft-transition-duration);
}

.slideInLeft-enter {
  animation: slideInLeft-enter var(--vft-transition-duration);
}

.slideInLeft-leave {
  position: absolute;
  right: 0;
  left: 0;
  animation: slideInLeft-leave var(--vft-transition-duration);
}

@keyframes slideInRight-enter {
  0% {
    transform: translateX(100%);
    transform-origin: 0 0;
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    transform-origin: 0 0;
    opacity: 1;
  }
}
@keyframes slideInRight-leave {
  0% {
    transform: translateX(0);
    transform-origin: 0 0;
    opacity: 1;
  }
  100% {
    transform: translateX(100%);
    transform-origin: 0 0;
    opacity: 0;
  }
}
@keyframes slideInLeft-enter {
  0% {
    transform: translateX(-100%);
    transform-origin: 0 0;
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    transform-origin: 0 0;
    opacity: 1;
  }
}
@keyframes slideInLeft-leave {
  0% {
    transform: translateX(0);
    transform-origin: 0 0;
    opacity: 1;
  }
  100% {
    transform: translateX(-100%);
    transform-origin: 0 0;
    opacity: 0;
  }
}.vft-fade-in-linear-enter-active,
.vft-fade-in-linear-leave-active {
  transition: var(--vft-transition-fade-linear);
}

.vft-fade-in-linear-enter-from,
.vft-fade-in-linear-leave-to {
  opacity: 0;
}

.vft-fade-in-enter-active,
.vft-fade-in-leave-active {
  transition: all var(--vft-transition-duration) cubic-bezier(0.55, 0, 0.1, 1);
}

.vft-fade-in-enter-from,
.vft-fade-in-leave-active {
  opacity: 0;
}

.vft-zoom-in-center-enter-active,
.vft-zoom-in-center-leave-active {
  transition: all var(--vft-transition-duration) cubic-bezier(0.55, 0, 0.1, 1);
}

.vft-zoom-in-center-enter-from,
.vft-zoom-in-center-leave-active {
  transform: scaleX(0);
  opacity: 0;
}

.vft-zoom-in-top-enter-active,
.vft-zoom-in-top-leave-active {
  transition: var(--vft-transition-md-fade);
  transform: scaleY(1);
  transform-origin: center top;
  opacity: 1;
}
.vft-zoom-in-top-enter-active[data-popper-placement^=top],
.vft-zoom-in-top-leave-active[data-popper-placement^=top] {
  transform-origin: center bottom;
}

.vft-zoom-in-top-enter-from,
.vft-zoom-in-top-leave-active {
  transform: scaleY(0);
  opacity: 0;
}

.vft-zoom-in-top-fast-enter-active {
  transition: var(--vft-transition-md-fade);
  transform: scaleY(1);
  transform-origin: center top;
  opacity: 1;
}
.vft-zoom-in-top-fast-enter-active[data-popper-placement^=top] {
  transform-origin: center bottom;
}

.vft-zoom-in-top-fast-leave-active {
  transform: scaleY(1);
  transform-origin: center top;
  opacity: 1;
}
.vft-zoom-in-top-fast-leave-active[data-popper-placement^=top] {
  transform-origin: center bottom;
}

.vft-zoom-in-top-fast-enter-from,
.vft-zoom-in-top-fast-leave-active {
  transform: scaleY(0);
  opacity: 0;
}

.vft-zoom-in-bottom-enter-active,
.vft-zoom-in-bottom-leave-active {
  transform: scaleY(1);
  transform-origin: center bottom;
  transition: var(--vft-transition-md-fade);
  opacity: 1;
}

.vft-zoom-in-bottom-enter-from,
.vft-zoom-in-bottom-leave-active {
  transform: scaleY(0);
  opacity: 0;
}

.vft-zoom-in-left-enter-active,
.vft-zoom-in-left-leave-active {
  transform: scale(1, 1);
  transform-origin: top left;
  transition: var(--vft-transition-md-fade);
  opacity: 1;
}

.vft-zoom-in-left-enter-from,
.vft-zoom-in-left-leave-active {
  transform: scale(0.45, 0.45);
  opacity: 0;
}

.collapse-transition {
  transition: var(--vft-transition-duration) height ease-in-out, var(--vft-transition-duration) padding-top ease-in-out, var(--vft-transition-duration) padding-bottom ease-in-out;
}

.vft-collapse-transition-leave-active,
.vft-collapse-transition-enter-active {
  transition: var(--vft-transition-duration) max-height ease-in-out, var(--vft-transition-duration) padding-top ease-in-out, var(--vft-transition-duration) padding-bottom ease-in-out;
}

.horizontal-collapse-transition {
  transition: var(--vft-transition-duration) width ease-in-out, var(--vft-transition-duration) padding-left ease-in-out, var(--vft-transition-duration) padding-right ease-in-out;
}

.vft-list-enter-active,
.vft-list-leave-active {
  transition: all 1s;
}

.vft-list-enter-from,
.vft-list-leave-to {
  transform: translateY(-1.875rem);
  opacity: 0;
}

.vft-list-leave-active {
  position: absolute !important;
}

.vft-opacity-transition {
  transition: opacity var(--vft-transition-duration) cubic-bezier(0.55, 0, 0.1, 1);
}

@keyframes vft-rotate {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes vft-loading-dot {
  33% {
    transform: translateY(-2em);
  }
  66% {
    transform: translateY(-1em);
  }
}.vft-fade-in-linear-enter-active,
.vft-fade-in-linear-leave-active {
  transition: var(--vft-transition-fade-linear);
}

.vft-fade-in-linear-enter-from,
.vft-fade-in-linear-leave-to {
  opacity: 0;
}

.vft-fade-in-enter-active,
.vft-fade-in-leave-active {
  transition: all var(--vft-transition-duration) cubic-bezier(0.55, 0, 0.1, 1);
}

.vft-fade-in-enter-from,
.vft-fade-in-leave-active {
  opacity: 0;
}

.vft-zoom-in-center-enter-active,
.vft-zoom-in-center-leave-active {
  transition: all var(--vft-transition-duration) cubic-bezier(0.55, 0, 0.1, 1);
}

.vft-zoom-in-center-enter-from,
.vft-zoom-in-center-leave-active {
  transform: scaleX(0);
  opacity: 0;
}

.vft-zoom-in-top-enter-active,
.vft-zoom-in-top-leave-active {
  transition: var(--vft-transition-md-fade);
  transform: scaleY(1);
  transform-origin: center top;
  opacity: 1;
}
.vft-zoom-in-top-enter-active[data-popper-placement^=top],
.vft-zoom-in-top-leave-active[data-popper-placement^=top] {
  transform-origin: center bottom;
}

.vft-zoom-in-top-enter-from,
.vft-zoom-in-top-leave-active {
  transform: scaleY(0);
  opacity: 0;
}

.vft-zoom-in-top-fast-enter-active {
  transition: var(--vft-transition-md-fade);
  transform: scaleY(1);
  transform-origin: center top;
  opacity: 1;
}
.vft-zoom-in-top-fast-enter-active[data-popper-placement^=top] {
  transform-origin: center bottom;
}

.vft-zoom-in-top-fast-leave-active {
  transform: scaleY(1);
  transform-origin: center top;
  opacity: 1;
}
.vft-zoom-in-top-fast-leave-active[data-popper-placement^=top] {
  transform-origin: center bottom;
}

.vft-zoom-in-top-fast-enter-from,
.vft-zoom-in-top-fast-leave-active {
  transform: scaleY(0);
  opacity: 0;
}

.vft-zoom-in-bottom-enter-active,
.vft-zoom-in-bottom-leave-active {
  transform: scaleY(1);
  transform-origin: center bottom;
  transition: var(--vft-transition-md-fade);
  opacity: 1;
}

.vft-zoom-in-bottom-enter-from,
.vft-zoom-in-bottom-leave-active {
  transform: scaleY(0);
  opacity: 0;
}

.vft-zoom-in-left-enter-active,
.vft-zoom-in-left-leave-active {
  transform: scale(1, 1);
  transform-origin: top left;
  transition: var(--vft-transition-md-fade);
  opacity: 1;
}

.vft-zoom-in-left-enter-from,
.vft-zoom-in-left-leave-active {
  transform: scale(0.45, 0.45);
  opacity: 0;
}

.collapse-transition {
  transition: var(--vft-transition-duration) height ease-in-out, var(--vft-transition-duration) padding-top ease-in-out, var(--vft-transition-duration) padding-bottom ease-in-out;
}

.vft-collapse-transition-leave-active,
.vft-collapse-transition-enter-active {
  transition: var(--vft-transition-duration) max-height ease-in-out, var(--vft-transition-duration) padding-top ease-in-out, var(--vft-transition-duration) padding-bottom ease-in-out;
}

.horizontal-collapse-transition {
  transition: var(--vft-transition-duration) width ease-in-out, var(--vft-transition-duration) padding-left ease-in-out, var(--vft-transition-duration) padding-right ease-in-out;
}

.vft-list-enter-active,
.vft-list-leave-active {
  transition: all 1s;
}

.vft-list-enter-from,
.vft-list-leave-to {
  transform: translateY(-1.875rem);
  opacity: 0;
}

.vft-list-leave-active {
  position: absolute !important;
}

.vft-opacity-transition {
  transition: opacity var(--vft-transition-duration) cubic-bezier(0.55, 0, 0.1, 1);
}

@keyframes vft-rotate {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes vft-loading-dot {
  33% {
    transform: translateY(-2em);
  }
  66% {
    transform: translateY(-1em);
  }
}
:root {
  --vft-empty-img-size: 10rem;
  --vft-empty-img-size-small: 5rem;
  --vft-empty-img-size-large: 15rem;
  --vft-empty-text-color: white;
  --vft-empty-desc-top: 0.625rem;
  --vft-empty-desc-color: var(--vft-text-placeholder-color);
  --vft-empty-desc-size: 0.875rem;
}

.vft-empty {
  display: flex;
  box-sizing: border-box;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 0.625rem 0;
}
.vft-empty__desc {
  margin-top: var(--vft-empty-desc-top);
  color: var(--vft-empty-desc-color);
  font-size: var(--vft-empty-desc-size);
}

.vft-empty__bottom {
  margin-top: 0.3125rem;
}

.vft-empty .icon-not-found {
  width: 1em;
  height: 1em;
  background-color: currentcolor;
  -webkit-mask: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" viewBox="0 0 24 24"%3E%3Cg fill="%23000" fill-rule="evenodd" clip-rule="evenodd"%3E%3Cpath d="M22.197 12.735a.35.35 0 0 0-.407.02a.4.4 0 0 0-.093.11a.36.36 0 0 0 .12.5a2.56 2.56 0 0 1 1.09 3.317a4.8 4.8 0 0 1-2.798 2.668a26 26 0 0 1-7.774 1.258a21.4 21.4 0 0 1-7.723-1.179a9.2 9.2 0 0 1-2.338-1.148a3.8 3.8 0 0 1-1.09-1.2a2.55 2.55 0 0 1 .18-2.737a3.78 3.78 0 0 1 2.519-1.589a.34.34 0 0 0 .28-.37a.33.33 0 0 0-.37-.28c-.451.062-.89.193-1.3.39a3.83 3.83 0 0 1-.499-2.248a3.05 3.05 0 0 1 1-2.118c.346-.32.754-.568 1.198-.73q.669-.27 1.38-.399c.404-.09.823-.09 1.228 0a8 8 0 0 1 1.859.83a.37.37 0 1 0 .38-.63l-.78-.51a.3.3 0 0 0 .05-.13a3 3 0 0 1 1.678-2.477a4.6 4.6 0 0 1 2.928-.69a3 3 0 0 1 1.369.53c.418.289.778.655 1.059 1.079c.447.588.751 1.272.889 1.998a1.5 1.5 0 0 1-.25 1.21a.37.37 0 0 0 0 .519a.38.38 0 0 0 .53 0a2.3 2.3 0 0 0 .6-1.789a7.4 7.4 0 0 1 1.468-.12a3.4 3.4 0 0 1 1.399.36c.49.25.931.589 1.299 1c.392.398.728.849.999 1.338c.577.982.762 2.145.52 3.257a.37.37 0 0 0 .699.23a5.25 5.25 0 0 0-.17-3.997a5.7 5.7 0 0 0-1.149-1.698c-.5-.496-1.1-.881-1.759-1.13a4.3 4.3 0 0 0-1.468-.239a6.8 6.8 0 0 0-1.999.37a7.3 7.3 0 0 0-.699-1.849a5 5 0 0 0-1.269-1.538a4.05 4.05 0 0 0-1.998-.76a5 5 0 0 0-1.999.19a5.9 5.9 0 0 0-1.698.89A3.84 3.84 0 0 0 7.669 6.36q-.295-.166-.61-.29a3.9 3.9 0 0 0-1.628-.19a7.5 7.5 0 0 0-2.108.51a4.3 4.3 0 0 0-1.279.849a4.13 4.13 0 0 0-1.099 2.997c.061.942.41 1.841 1 2.578a4.2 4.2 0 0 0-1.22 1.08a3.41 3.41 0 0 0-.37 3.616a4.7 4.7 0 0 0 1.3 1.569a10.3 10.3 0 0 0 2.547 1.409a21.7 21.7 0 0 0 8.153 1.368a25.6 25.6 0 0 0 8.103-1.528a5.65 5.65 0 0 0 3.517-4.287a3.25 3.25 0 0 0-1.778-3.307"%2F%3E%3Cpath d="m6.24 13.655l1.27-1.999a.3.3 0 0 0 .059-.111q.018-.061.012-.125a.322.322 0 0 0-.571-.174l-1.67 1.75c-.17.2-.37.37-.51.54a1.4 1.4 0 0 0-.349.739c0 .38.07.83.75 1.229l.749.29l.77.14h.109v.999a.38.38 0 0 0 .35.4a.37.37 0 0 0 .41-.34c.07-.36.16-.73.24-1.1h.709a.37.37 0 0 0 .32-.6a.36.36 0 0 0-.25-.129l-.6-.17c0-.17.07-.33.09-.5s.06-.499.07-.749v-1.768a.33.33 0 1 0-.65-.09c-.17.57-.38 1.109-.52 1.699q-.087.365-.129.739v.5l-.51-.17c-.919-.45-.769-.08-.15-1m10.183.089l.999-2.188a.32.32 0 0 0-.11-.45a.34.34 0 0 0-.45.11l-1.408 1.999c-.15.21-.32.41-.44.6a1.43 1.43 0 0 0-.25.769c0 .39.18.819.91 1.129l.789.19h.88c0 .33.099.669.159.999a.37.37 0 0 0 .74-.05c0-.38.06-.75.09-1.13l.699-.11a.37.37 0 0 0 0-.739h-.6v-1.248c0-.6-.17-1.17-.25-1.759a.33.33 0 1 0-.65 0c-.099.58-.229 1.149-.289 1.749v1.248l-.52-.1c-1.018-.38-.799-.01-.3-1.019m-3.196-1.149c-.75-.53-1.22-.43-2.079 0a2.9 2.9 0 0 0-.839.7a2.74 2.74 0 0 0-.44 2.817a1.94 1.94 0 0 0 1.869 1.08a2.43 2.43 0 0 0 1.998-1.3a2.9 2.9 0 0 0 .25-2.257a2.3 2.3 0 0 0-.76-1.04m-.48 2.678a1.31 1.31 0 0 1-1 .67a.87.87 0 0 1-.918-.63a1.84 1.84 0 0 1 .19-1.499q.178-.293.43-.53a1 1 0 0 1 1.278 0c.191.172.33.393.4.64c.053.482-.083.966-.38 1.35"%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E') no-repeat;
          mask: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" viewBox="0 0 24 24"%3E%3Cg fill="%23000" fill-rule="evenodd" clip-rule="evenodd"%3E%3Cpath d="M22.197 12.735a.35.35 0 0 0-.407.02a.4.4 0 0 0-.093.11a.36.36 0 0 0 .12.5a2.56 2.56 0 0 1 1.09 3.317a4.8 4.8 0 0 1-2.798 2.668a26 26 0 0 1-7.774 1.258a21.4 21.4 0 0 1-7.723-1.179a9.2 9.2 0 0 1-2.338-1.148a3.8 3.8 0 0 1-1.09-1.2a2.55 2.55 0 0 1 .18-2.737a3.78 3.78 0 0 1 2.519-1.589a.34.34 0 0 0 .28-.37a.33.33 0 0 0-.37-.28c-.451.062-.89.193-1.3.39a3.83 3.83 0 0 1-.499-2.248a3.05 3.05 0 0 1 1-2.118c.346-.32.754-.568 1.198-.73q.669-.27 1.38-.399c.404-.09.823-.09 1.228 0a8 8 0 0 1 1.859.83a.37.37 0 1 0 .38-.63l-.78-.51a.3.3 0 0 0 .05-.13a3 3 0 0 1 1.678-2.477a4.6 4.6 0 0 1 2.928-.69a3 3 0 0 1 1.369.53c.418.289.778.655 1.059 1.079c.447.588.751 1.272.889 1.998a1.5 1.5 0 0 1-.25 1.21a.37.37 0 0 0 0 .519a.38.38 0 0 0 .53 0a2.3 2.3 0 0 0 .6-1.789a7.4 7.4 0 0 1 1.468-.12a3.4 3.4 0 0 1 1.399.36c.49.25.931.589 1.299 1c.392.398.728.849.999 1.338c.577.982.762 2.145.52 3.257a.37.37 0 0 0 .699.23a5.25 5.25 0 0 0-.17-3.997a5.7 5.7 0 0 0-1.149-1.698c-.5-.496-1.1-.881-1.759-1.13a4.3 4.3 0 0 0-1.468-.239a6.8 6.8 0 0 0-1.999.37a7.3 7.3 0 0 0-.699-1.849a5 5 0 0 0-1.269-1.538a4.05 4.05 0 0 0-1.998-.76a5 5 0 0 0-1.999.19a5.9 5.9 0 0 0-1.698.89A3.84 3.84 0 0 0 7.669 6.36q-.295-.166-.61-.29a3.9 3.9 0 0 0-1.628-.19a7.5 7.5 0 0 0-2.108.51a4.3 4.3 0 0 0-1.279.849a4.13 4.13 0 0 0-1.099 2.997c.061.942.41 1.841 1 2.578a4.2 4.2 0 0 0-1.22 1.08a3.41 3.41 0 0 0-.37 3.616a4.7 4.7 0 0 0 1.3 1.569a10.3 10.3 0 0 0 2.547 1.409a21.7 21.7 0 0 0 8.153 1.368a25.6 25.6 0 0 0 8.103-1.528a5.65 5.65 0 0 0 3.517-4.287a3.25 3.25 0 0 0-1.778-3.307"%2F%3E%3Cpath d="m6.24 13.655l1.27-1.999a.3.3 0 0 0 .059-.111q.018-.061.012-.125a.322.322 0 0 0-.571-.174l-1.67 1.75c-.17.2-.37.37-.51.54a1.4 1.4 0 0 0-.349.739c0 .38.07.83.75 1.229l.749.29l.77.14h.109v.999a.38.38 0 0 0 .35.4a.37.37 0 0 0 .41-.34c.07-.36.16-.73.24-1.1h.709a.37.37 0 0 0 .32-.6a.36.36 0 0 0-.25-.129l-.6-.17c0-.17.07-.33.09-.5s.06-.499.07-.749v-1.768a.33.33 0 1 0-.65-.09c-.17.57-.38 1.109-.52 1.699q-.087.365-.129.739v.5l-.51-.17c-.919-.45-.769-.08-.15-1m10.183.089l.999-2.188a.32.32 0 0 0-.11-.45a.34.34 0 0 0-.45.11l-1.408 1.999c-.15.21-.32.41-.44.6a1.43 1.43 0 0 0-.25.769c0 .39.18.819.91 1.129l.789.19h.88c0 .33.099.669.159.999a.37.37 0 0 0 .74-.05c0-.38.06-.75.09-1.13l.699-.11a.37.37 0 0 0 0-.739h-.6v-1.248c0-.6-.17-1.17-.25-1.759a.33.33 0 1 0-.65 0c-.099.58-.229 1.149-.289 1.749v1.248l-.52-.1c-1.018-.38-.799-.01-.3-1.019m-3.196-1.149c-.75-.53-1.22-.43-2.079 0a2.9 2.9 0 0 0-.839.7a2.74 2.74 0 0 0-.44 2.817a1.94 1.94 0 0 0 1.869 1.08a2.43 2.43 0 0 0 1.998-1.3a2.9 2.9 0 0 0 .25-2.257a2.3 2.3 0 0 0-.76-1.04m-.48 2.678a1.31 1.31 0 0 1-1 .67a.87.87 0 0 1-.918-.63a1.84 1.84 0 0 1 .19-1.499q.178-.293.43-.53a1 1 0 0 1 1.278 0c.191.172.33.393.4.64c.053.482-.083.966-.38 1.35"%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E') no-repeat;
  -webkit-mask-size: 100% 100%;
          mask-size: 100% 100%;
}
.vft-empty .icon-delete {
  width: 1em;
  height: 1em;
  background-color: currentcolor;
  -webkit-mask: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" viewBox="0 0 14 14"%3E%3Cpath fill="none" stroke="%23000" stroke-linecap="round" stroke-linejoin="round" d="M1 3.5h12m-10.5 0h9v9a1 1 0 0 1-1 1h-7a1 1 0 0 1-1-1zm2 0V3a2.5 2.5 0 1 1 5 0v.5m-4 3.001v4.002m3-4.002v4.002" stroke-width="1"%2F%3E%3C%2Fsvg%3E') no-repeat;
          mask: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" viewBox="0 0 14 14"%3E%3Cpath fill="none" stroke="%23000" stroke-linecap="round" stroke-linejoin="round" d="M1 3.5h12m-10.5 0h9v9a1 1 0 0 1-1 1h-7a1 1 0 0 1-1-1zm2 0V3a2.5 2.5 0 1 1 5 0v.5m-4 3.001v4.002m3-4.002v4.002" stroke-width="1"%2F%3E%3C%2Fsvg%3E') no-repeat;
  -webkit-mask-size: 100% 100%;
          mask-size: 100% 100%;
}
.vft-empty .icon-no-data {
  width: 1em;
  height: 1em;
  background-color: currentcolor;
  -webkit-mask: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2f2000%2fsvg" viewBox="0 0 24 24"%3E%3Cpath fill="none" stroke="%23000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 8V6a2 2 0 0 1 2-2h2M4 16v2a2 2 0 0 0 2 2h2m8-16h2a2 2 0 0 1 2 2v2m-4 12h2a2 2 0 0 0 2-2v-2M9 10h.01M15 10h.01M9.5 15.05a3.5 3.5 0 0 1 5 0"%2f%3E%3C%2fsvg%3E') no-repeat;
          mask: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2f2000%2fsvg" viewBox="0 0 24 24"%3E%3Cpath fill="none" stroke="%23000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 8V6a2 2 0 0 1 2-2h2M4 16v2a2 2 0 0 0 2 2h2m8-16h2a2 2 0 0 1 2 2v2m-4 12h2a2 2 0 0 0 2-2v-2M9 10h.01M15 10h.01M9.5 15.05a3.5 3.5 0 0 1 5 0"%2f%3E%3C%2fsvg%3E') no-repeat;
  -webkit-mask-size: 100% 100%;
          mask-size: 100% 100%;
}
.vft-empty .icon-no-filter {
  width: 1em;
  height: 1em;
  background-color: currentcolor;
  -webkit-mask: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2f2000%2fsvg" viewBox="0 0 36 36"%3E%3Cpath fill="%23000" d="M34 6.4c0-.8-.7-1.4-1.5-1.4H10.3l2 2H32v.6l-9.6 9.6l1.4 1.4L33.4 9c.4-.4.6-.9.6-1.4z" class="clr-i-outline clr-i-outline-path-1"%2f%3E%3Cpath fill="%23000" d="m2.7 3l2 2h-1c-.8-.1-1.6.5-1.7 1.3v1.1c0 .5.2 1 .6 1.4L14 20.2v10.3l1.9.8V19.4L4 7.5V7h2.7L20 20.3v12.9l2 .8V22.3l10.1 10.1l1.4-1.4L4.1 1.6z" class="clr-i-outline clr-i-outline-path-2"%2f%3E%3Cpath fill="none" d="M0 0h36v36H0z"%2f%3E%3C%2fsvg%3E') no-repeat;
          mask: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2f2000%2fsvg" viewBox="0 0 36 36"%3E%3Cpath fill="%23000" d="M34 6.4c0-.8-.7-1.4-1.5-1.4H10.3l2 2H32v.6l-9.6 9.6l1.4 1.4L33.4 9c.4-.4.6-.9.6-1.4z" class="clr-i-outline clr-i-outline-path-1"%2f%3E%3Cpath fill="%23000" d="m2.7 3l2 2h-1c-.8-.1-1.6.5-1.7 1.3v1.1c0 .5.2 1 .6 1.4L14 20.2v10.3l1.9.8V19.4L4 7.5V7h2.7L20 20.3v12.9l2 .8V22.3l10.1 10.1l1.4-1.4L4.1 1.6z" class="clr-i-outline clr-i-outline-path-2"%2f%3E%3Cpath fill="none" d="M0 0h36v36H0z"%2f%3E%3C%2fsvg%3E') no-repeat;
  -webkit-mask-size: 100% 100%;
          mask-size: 100% 100%;
}
.vft-empty .icon-no-search {
  width: 1em;
  height: 1em;
  background-color: currentcolor;
  -webkit-mask: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2f2000%2fsvg" viewBox="0 0 24 24"%3E%3Cpath fill="%23000" d="M15.5 14h-.79l-.28-.27A6.47 6.47 0 0 0 16 9.5A6.5 6.5 0 0 0 9.5 3C6.08 3 3.28 5.64 3.03 9h2.02C5.3 6.75 7.18 5 9.5 5C11.99 5 14 7.01 14 9.5S11.99 14 9.5 14c-.17 0-.33-.03-.5-.05v2.02c.17.02.33.03.5.03c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19z"%2f%3E%3Cpath fill="%23000" d="M6.47 10.82L4 13.29l-2.47-2.47l-.71.71L3.29 14L.82 16.47l.71.71L4 14.71l2.47 2.47l.71-.71L4.71 14l2.47-2.47z"%2f%3E%3C%2fsvg%3E') no-repeat;
          mask: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2f2000%2fsvg" viewBox="0 0 24 24"%3E%3Cpath fill="%23000" d="M15.5 14h-.79l-.28-.27A6.47 6.47 0 0 0 16 9.5A6.5 6.5 0 0 0 9.5 3C6.08 3 3.28 5.64 3.03 9h2.02C5.3 6.75 7.18 5 9.5 5C11.99 5 14 7.01 14 9.5S11.99 14 9.5 14c-.17 0-.33-.03-.5-.05v2.02c.17.02.33.03.5.03c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19z"%2f%3E%3Cpath fill="%23000" d="M6.47 10.82L4 13.29l-2.47-2.47l-.71.71L3.29 14L.82 16.47l.71.71L4 14.71l2.47 2.47l.71-.71L4.71 14l2.47-2.47z"%2f%3E%3C%2fsvg%3E') no-repeat;
  -webkit-mask-size: 100% 100%;
          mask-size: 100% 100%;
}
.vft-empty .icon-page-error {
  width: 1em;
  height: 1em;
  background-color: currentcolor;
  -webkit-mask: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2f2000%2fsvg" viewBox="0 0 32 32"%3E%3Cpath fill="%23000" d="M3.05 32h25.9V7.62h-1.52V6.1h-1.52V4.57h-1.53V3.05h-1.52V1.52h-1.53V0H3.05ZM4.57 1.52h15.24v7.62h7.62v21.34H4.57Z"%2f%3E%3Cpath fill="%23000" d="M7.62 19.81v1.52h10.67v3.05h1.52v-3.05h3.05v3.05h1.52v-4.57zm15.24-7.62h-1.53v1.52h-1.52v1.53h1.52v1.52h1.53v-1.52h1.52v-1.53h-1.52zm-3.05 12.19h3.05v1.52h-3.05ZM9.14 16.76h1.53v-1.52h1.52v-1.53h-1.52v-1.52H9.14v1.52H7.62v1.53h1.52z"%2f%3E%3C%2fsvg%3E') no-repeat;
          mask: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2f2000%2fsvg" viewBox="0 0 32 32"%3E%3Cpath fill="%23000" d="M3.05 32h25.9V7.62h-1.52V6.1h-1.52V4.57h-1.53V3.05h-1.52V1.52h-1.53V0H3.05ZM4.57 1.52h15.24v7.62h7.62v21.34H4.57Z"%2f%3E%3Cpath fill="%23000" d="M7.62 19.81v1.52h10.67v3.05h1.52v-3.05h3.05v3.05h1.52v-4.57zm15.24-7.62h-1.53v1.52h-1.52v1.53h1.52v1.52h1.53v-1.52h1.52v-1.53h-1.52zm-3.05 12.19h3.05v1.52h-3.05ZM9.14 16.76h1.53v-1.52h1.52v-1.53h-1.52v-1.52H9.14v1.52H7.62v1.53h1.52z"%2f%3E%3C%2fsvg%3E') no-repeat;
  -webkit-mask-size: 100% 100%;
          mask-size: 100% 100%;
}
.vft-empty .icon-network-disconnect {
  width: 1em;
  height: 1em;
  background-color: currentcolor;
  -webkit-mask: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2f2000%2fsvg" viewBox="0 0 24 24"%3E%3Cpath fill="none" stroke="%23000" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="m12 18.51l.01-.011M2 7c6-4.5 14-4.5 20 0M5 11c4-3 10-3 14 0M8.5 14.5c2.25-1.4 4.75-1.4 7 0m1.621 6.864l2.122-2.121m2.121-2.122l-2.121 2.122m0 0L17.12 17.12m2.122 2.122l2.121 2.121"%2f%3E%3C%2fsvg%3E') no-repeat;
          mask: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2f2000%2fsvg" viewBox="0 0 24 24"%3E%3Cpath fill="none" stroke="%23000" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="m12 18.51l.01-.011M2 7c6-4.5 14-4.5 20 0M5 11c4-3 10-3 14 0M8.5 14.5c2.25-1.4 4.75-1.4 7 0m1.621 6.864l2.122-2.121m2.121-2.122l-2.121 2.122m0 0L17.12 17.12m2.122 2.122l2.121 2.121"%2f%3E%3C%2fsvg%3E') no-repeat;
  -webkit-mask-size: 100% 100%;
          mask-size: 100% 100%;
}.vft-fade-in-linear-enter-active,
.vft-fade-in-linear-leave-active {
  transition: var(--vft-transition-fade-linear);
}

.vft-fade-in-linear-enter-from,
.vft-fade-in-linear-leave-to {
  opacity: 0;
}

.vft-fade-in-enter-active,
.vft-fade-in-leave-active {
  transition: all var(--vft-transition-duration) cubic-bezier(0.55, 0, 0.1, 1);
}

.vft-fade-in-enter-from,
.vft-fade-in-leave-active {
  opacity: 0;
}

.vft-zoom-in-center-enter-active,
.vft-zoom-in-center-leave-active {
  transition: all var(--vft-transition-duration) cubic-bezier(0.55, 0, 0.1, 1);
}

.vft-zoom-in-center-enter-from,
.vft-zoom-in-center-leave-active {
  transform: scaleX(0);
  opacity: 0;
}

.vft-zoom-in-top-enter-active,
.vft-zoom-in-top-leave-active {
  transition: var(--vft-transition-md-fade);
  transform: scaleY(1);
  transform-origin: center top;
  opacity: 1;
}
.vft-zoom-in-top-enter-active[data-popper-placement^=top],
.vft-zoom-in-top-leave-active[data-popper-placement^=top] {
  transform-origin: center bottom;
}

.vft-zoom-in-top-enter-from,
.vft-zoom-in-top-leave-active {
  transform: scaleY(0);
  opacity: 0;
}

.vft-zoom-in-top-fast-enter-active {
  transition: var(--vft-transition-md-fade);
  transform: scaleY(1);
  transform-origin: center top;
  opacity: 1;
}
.vft-zoom-in-top-fast-enter-active[data-popper-placement^=top] {
  transform-origin: center bottom;
}

.vft-zoom-in-top-fast-leave-active {
  transform: scaleY(1);
  transform-origin: center top;
  opacity: 1;
}
.vft-zoom-in-top-fast-leave-active[data-popper-placement^=top] {
  transform-origin: center bottom;
}

.vft-zoom-in-top-fast-enter-from,
.vft-zoom-in-top-fast-leave-active {
  transform: scaleY(0);
  opacity: 0;
}

.vft-zoom-in-bottom-enter-active,
.vft-zoom-in-bottom-leave-active {
  transform: scaleY(1);
  transform-origin: center bottom;
  transition: var(--vft-transition-md-fade);
  opacity: 1;
}

.vft-zoom-in-bottom-enter-from,
.vft-zoom-in-bottom-leave-active {
  transform: scaleY(0);
  opacity: 0;
}

.vft-zoom-in-left-enter-active,
.vft-zoom-in-left-leave-active {
  transform: scale(1, 1);
  transform-origin: top left;
  transition: var(--vft-transition-md-fade);
  opacity: 1;
}

.vft-zoom-in-left-enter-from,
.vft-zoom-in-left-leave-active {
  transform: scale(0.45, 0.45);
  opacity: 0;
}

.collapse-transition {
  transition: var(--vft-transition-duration) height ease-in-out, var(--vft-transition-duration) padding-top ease-in-out, var(--vft-transition-duration) padding-bottom ease-in-out;
}

.vft-collapse-transition-leave-active,
.vft-collapse-transition-enter-active {
  transition: var(--vft-transition-duration) max-height ease-in-out, var(--vft-transition-duration) padding-top ease-in-out, var(--vft-transition-duration) padding-bottom ease-in-out;
}

.horizontal-collapse-transition {
  transition: var(--vft-transition-duration) width ease-in-out, var(--vft-transition-duration) padding-left ease-in-out, var(--vft-transition-duration) padding-right ease-in-out;
}

.vft-list-enter-active,
.vft-list-leave-active {
  transition: all 1s;
}

.vft-list-enter-from,
.vft-list-leave-to {
  transform: translateY(-1.875rem);
  opacity: 0;
}

.vft-list-leave-active {
  position: absolute !important;
}

.vft-opacity-transition {
  transition: opacity var(--vft-transition-duration) cubic-bezier(0.55, 0, 0.1, 1);
}

@keyframes vft-rotate {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes vft-loading-dot {
  33% {
    transform: translateY(-2em);
  }
  66% {
    transform: translateY(-1em);
  }
}
:root {
  --vft-loading-spinner-size: 1.25rem;
  --vft-loading-fullscreen-spinner-size: 3.125rem;
  --vft-loading-rotate-animation: loading-rotate 2s linear infinite;
  --vft-loading-color: var(--vft-primary-color);
  --vft-loading-text-size: 0.875rem;
  --vft-loading-margin: 0.1875rem 0;
}

.vft-loading-parent--relative {
  position: relative !important;
}

.vft-loading-parent--hidden {
  overflow: hidden !important;
}

.vft-loading-mask {
  position: absolute;
  z-index: 2000;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: 0;
  transition: opacity var(--vft-transition-duration);
  background-color: var(--vft-mask-color);
}
.vft-loading-mask.is-fullscreen {
  position: fixed;
}
.vft-loading-mask.is-fullscreen .vft-loading-spinner {
  margin-top: calc((0 - var(--vft-loading-fullscreen-spinner-size)) / 2);
}
.vft-loading-mask.is-fullscreen .vft-loading-spinner .circular {
  width: var(--vft-loading-fullscreen-spinner-size);
  height: var(--vft-loading-fullscreen-spinner-size);
}

.vft-loading-spinner {
  position: absolute;
  top: 50%;
  width: 100%;
  margin-top: calc((0 - var(--vft-loading-spinner-size)) / 2);
  text-align: center;
}
.vft-loading-spinner .vft-loading-text {
  margin: var(--vft-loading-margin);
  color: var(--vft-loading-color);
  font-size: var(--vft-loading-text-size);
}
.vft-loading-spinner .circular {
  display: inline;
  width: var(--vft-loading-spinner-size);
  height: var(--vft-loading-spinner-size);
  animation: var(--vft-loading-rotate-animation);
}
.vft-loading-spinner .circular-no-rotate {
  animation: none;
}
.vft-loading-spinner .path {
  animation: loading-dash 1.5s ease-in-out infinite;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-dasharray: 90, 150;
  stroke-dashoffset: 0;
  stroke: var(--vft-primary-color);
}
.vft-loading-spinner i {
  color: var(--vft-primary-color);
}

.vft-loading-fade-enter-from,
.vft-loading-fade-leave-to {
  opacity: 0;
}

@keyframes loading-rotate {
  100% {
    transform: rotate(360deg);
  }
}
@keyframes loading-dash {
  0% {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 90, 150;
    stroke-dashoffset: -2.5rem;
  }
  100% {
    stroke-dasharray: 90, 150;
    stroke-dashoffset: -7.5rem;
  }
}
.vft-card-loading {
  z-index: 9999 !important;
  background: transparent !important;
}
.vft-card-loading .vft-loading-spinner {
  top: 50%;
  left: 50%;
  flex-direction: column;
  flex-wrap: wrap;
  width: 5.625rem;
  height: 5.625rem;
  padding-top: 0.3125rem;
  transform: translateX(-50%) translateY(-50%);
  border-radius: 0.625rem;
  background: rgba(var(--vft-color-rgb), 0.9);
  box-shadow: var(--vft-box-shadow-light);
  display: flex;
  align-items: center;
  justify-content: center;
}
.vft-card-loading .vft-loading-text {
  margin-top: 0.625rem;
  margin-bottom: 0;
}.vft-fade-in-linear-enter-active,
.vft-fade-in-linear-leave-active {
  transition: var(--vft-transition-fade-linear);
}

.vft-fade-in-linear-enter-from,
.vft-fade-in-linear-leave-to {
  opacity: 0;
}

.vft-fade-in-enter-active,
.vft-fade-in-leave-active {
  transition: all var(--vft-transition-duration) cubic-bezier(0.55, 0, 0.1, 1);
}

.vft-fade-in-enter-from,
.vft-fade-in-leave-active {
  opacity: 0;
}

.vft-zoom-in-center-enter-active,
.vft-zoom-in-center-leave-active {
  transition: all var(--vft-transition-duration) cubic-bezier(0.55, 0, 0.1, 1);
}

.vft-zoom-in-center-enter-from,
.vft-zoom-in-center-leave-active {
  transform: scaleX(0);
  opacity: 0;
}

.vft-zoom-in-top-enter-active,
.vft-zoom-in-top-leave-active {
  transition: var(--vft-transition-md-fade);
  transform: scaleY(1);
  transform-origin: center top;
  opacity: 1;
}
.vft-zoom-in-top-enter-active[data-popper-placement^=top],
.vft-zoom-in-top-leave-active[data-popper-placement^=top] {
  transform-origin: center bottom;
}

.vft-zoom-in-top-enter-from,
.vft-zoom-in-top-leave-active {
  transform: scaleY(0);
  opacity: 0;
}

.vft-zoom-in-top-fast-enter-active {
  transition: var(--vft-transition-md-fade);
  transform: scaleY(1);
  transform-origin: center top;
  opacity: 1;
}
.vft-zoom-in-top-fast-enter-active[data-popper-placement^=top] {
  transform-origin: center bottom;
}

.vft-zoom-in-top-fast-leave-active {
  transform: scaleY(1);
  transform-origin: center top;
  opacity: 1;
}
.vft-zoom-in-top-fast-leave-active[data-popper-placement^=top] {
  transform-origin: center bottom;
}

.vft-zoom-in-top-fast-enter-from,
.vft-zoom-in-top-fast-leave-active {
  transform: scaleY(0);
  opacity: 0;
}

.vft-zoom-in-bottom-enter-active,
.vft-zoom-in-bottom-leave-active {
  transform: scaleY(1);
  transform-origin: center bottom;
  transition: var(--vft-transition-md-fade);
  opacity: 1;
}

.vft-zoom-in-bottom-enter-from,
.vft-zoom-in-bottom-leave-active {
  transform: scaleY(0);
  opacity: 0;
}

.vft-zoom-in-left-enter-active,
.vft-zoom-in-left-leave-active {
  transform: scale(1, 1);
  transform-origin: top left;
  transition: var(--vft-transition-md-fade);
  opacity: 1;
}

.vft-zoom-in-left-enter-from,
.vft-zoom-in-left-leave-active {
  transform: scale(0.45, 0.45);
  opacity: 0;
}

.collapse-transition {
  transition: var(--vft-transition-duration) height ease-in-out, var(--vft-transition-duration) padding-top ease-in-out, var(--vft-transition-duration) padding-bottom ease-in-out;
}

.vft-collapse-transition-leave-active,
.vft-collapse-transition-enter-active {
  transition: var(--vft-transition-duration) max-height ease-in-out, var(--vft-transition-duration) padding-top ease-in-out, var(--vft-transition-duration) padding-bottom ease-in-out;
}

.horizontal-collapse-transition {
  transition: var(--vft-transition-duration) width ease-in-out, var(--vft-transition-duration) padding-left ease-in-out, var(--vft-transition-duration) padding-right ease-in-out;
}

.vft-list-enter-active,
.vft-list-leave-active {
  transition: all 1s;
}

.vft-list-enter-from,
.vft-list-leave-to {
  transform: translateY(-1.875rem);
  opacity: 0;
}

.vft-list-leave-active {
  position: absolute !important;
}

.vft-opacity-transition {
  transition: opacity var(--vft-transition-duration) cubic-bezier(0.55, 0, 0.1, 1);
}

@keyframes vft-rotate {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes vft-loading-dot {
  33% {
    transform: translateY(-2em);
  }
  66% {
    transform: translateY(-1em);
  }
}
:root {
  --vft-message-border-radius: 0.625rem;
  --vft-message-padding: 1rem;
  --vft-message-bg-color: #fff;
}

.vft-message {
  display: flex;
  position: fixed;
  top: 1.25rem;
  left: 50%;
  box-sizing: border-box;
  align-items: center;
  width: -moz-fit-content;
  width: fit-content;
  max-width: calc(100% - 2rem);
  padding: var(--vft-message-padding);
  transform: translateX(-50%);
  transition: opacity var(--vft-transition-duration), transform 0.4s, top 0.4s;
  border-radius: var(--vft-message-border-radius);
  background-color: var(--vft-message-bg-color);
  box-shadow: 0 0 0.3125rem 0 rgba(0, 0, 0, 0.0196078431), 0 0.125rem 0.625rem 0 rgba(0, 0, 0, 0.0588235294), 0 0 0.0625rem 0 rgba(0, 0, 0, 0.3019607843);
}
.vft-message--success {
  --vft-message-bg-color: var(--vft-success-color-light-9);
  --vft-message-border-color: var(--vft-success-color-light-8);
  --vft-message-text-color: var(--vft-success-color);
}
.vft-message--success .vft-message__content {
  color: var(--vft-message-text-color);
  overflow-wrap: anywhere;
}

.vft-message .vft-message-icon--success {
  display: flex;
  align-items: center;
  color: var(--vft-message-text-color);
  --vft-icon-text-color: var(--vft-message-text-color);
}
.vft-message .vft-message-icon--success i {
  color: inherit !important;
}
.vft-message--warning {
  --vft-message-bg-color: var(--vft-warning-color-light-9);
  --vft-message-border-color: var(--vft-warning-color-light-8);
  --vft-message-text-color: var(--vft-warning-color);
}
.vft-message--warning .vft-message__content {
  color: var(--vft-message-text-color);
  overflow-wrap: anywhere;
}

.vft-message .vft-message-icon--warning {
  display: flex;
  align-items: center;
  color: var(--vft-message-text-color);
  --vft-icon-text-color: var(--vft-message-text-color);
}
.vft-message .vft-message-icon--warning i {
  color: inherit !important;
}
.vft-message--error {
  --vft-message-bg-color: var(--vft-error-color-light-9);
  --vft-message-border-color: var(--vft-error-color-light-8);
  --vft-message-text-color: var(--vft-error-color);
}
.vft-message--error .vft-message__content {
  color: var(--vft-message-text-color);
  overflow-wrap: anywhere;
}

.vft-message .vft-message-icon--error {
  display: flex;
  align-items: center;
  color: var(--vft-message-text-color);
  --vft-icon-text-color: var(--vft-message-text-color);
}
.vft-message .vft-message-icon--error i {
  color: inherit !important;
}
.vft-message .icon-circle-close-filled {
  width: 1em;
  height: 1em;
  background-color: currentcolor;
  -webkit-mask: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="M512 64a448 448 0 1 1 0 896a448 448 0 0 1 0-896zm0 393.664L407.936 353.6a38.4 38.4 0 1 0-54.336 54.336L457.664 512L353.6 616.064a38.4 38.4 0 1 0 54.336 54.336L512 566.336L616.064 670.4a38.4 38.4 0 1 0 54.336-54.336L566.336 512L670.4 407.936a38.4 38.4 0 1 0-54.336-54.336L512 457.664z"%2F%3E%3C%2Fsvg%3E') no-repeat;
          mask: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="M512 64a448 448 0 1 1 0 896a448 448 0 0 1 0-896zm0 393.664L407.936 353.6a38.4 38.4 0 1 0-54.336 54.336L457.664 512L353.6 616.064a38.4 38.4 0 1 0 54.336 54.336L512 566.336L616.064 670.4a38.4 38.4 0 1 0 54.336-54.336L566.336 512L670.4 407.936a38.4 38.4 0 1 0-54.336-54.336L512 457.664z"%2F%3E%3C%2Fsvg%3E') no-repeat;
  -webkit-mask-size: 100% 100%;
          mask-size: 100% 100%;
}
.vft-message .icon-circle-close {
  width: 1em;
  height: 1em;
  background-color: currentcolor;
  -webkit-mask: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="m466.752 512l-90.496-90.496a32 32 0 0 1 45.248-45.248L512 466.752l90.496-90.496a32 32 0 1 1 45.248 45.248L557.248 512l90.496 90.496a32 32 0 1 1-45.248 45.248L512 557.248l-90.496 90.496a32 32 0 0 1-45.248-45.248L466.752 512z"%2F%3E%3Cpath fill="currentColor" d="M512 896a384 384 0 1 0 0-768a384 384 0 0 0 0 768zm0 64a448 448 0 1 1 0-896a448 448 0 0 1 0 896z"%2F%3E%3C%2Fsvg%3E') no-repeat;
          mask: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="m466.752 512l-90.496-90.496a32 32 0 0 1 45.248-45.248L512 466.752l90.496-90.496a32 32 0 1 1 45.248 45.248L557.248 512l90.496 90.496a32 32 0 1 1-45.248 45.248L512 557.248l-90.496 90.496a32 32 0 0 1-45.248-45.248L466.752 512z"%2F%3E%3Cpath fill="currentColor" d="M512 896a384 384 0 1 0 0-768a384 384 0 0 0 0 768zm0 64a448 448 0 1 1 0-896a448 448 0 0 1 0 896z"%2F%3E%3C%2Fsvg%3E') no-repeat;
  -webkit-mask-size: 100% 100%;
          mask-size: 100% 100%;
}
.vft-message.is-center {
  justify-content: center;
}

.vft-message.is-closable .vft-message__content {
  padding-right: 1.9375rem;
}

.vft-message__icon {
  margin-right: 0.625rem;
}

.vft-message__content {
  padding: 0;
  font-size: 1rem;
  line-height: 1;
}
.vft-message__content:focus {
  outline-width: 0;
}

.vft-message p {
  margin: 0;
}
.vft-message .vft-message__badge {
  position: absolute;
  top: -0.5rem;
  right: -0.5rem;
}
.vft-message .vft-message__closeBtn {
  position: absolute;
  right: 1.1875rem;
  color: rgba(var(--vft-reverse-color-rgb), 0.6);
  cursor: pointer;
}
.vft-message .vft-message__closeBtn:hover {
  color: var(--vft-reverse-color-rgb);
}
.vft-message .icon-success-filled {
  width: 1em;
  height: 1em;
  background-color: currentcolor;
  -webkit-mask: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="M512 64a448 448 0 1 1 0 896a448 448 0 0 1 0-896zm-55.808 536.384l-99.52-99.584a38.4 38.4 0 1 0-54.336 54.336l126.72 126.72a38.272 38.272 0 0 0 54.336 0l262.4-262.464a38.4 38.4 0 1 0-54.272-54.336L456.192 600.384z"%2F%3E%3C%2Fsvg%3E') no-repeat;
          mask: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="M512 64a448 448 0 1 1 0 896a448 448 0 0 1 0-896zm-55.808 536.384l-99.52-99.584a38.4 38.4 0 1 0-54.336 54.336l126.72 126.72a38.272 38.272 0 0 0 54.336 0l262.4-262.464a38.4 38.4 0 1 0-54.272-54.336L456.192 600.384z"%2F%3E%3C%2Fsvg%3E') no-repeat;
  -webkit-mask-size: 100% 100%;
          mask-size: 100% 100%;
}
.vft-message .icon-warning-filled {
  width: 1em;
  height: 1em;
  background-color: currentcolor;
  -webkit-mask: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="M512 64a448 448 0 1 1 0 896a448 448 0 0 1 0-896zm0 192a58.432 58.432 0 0 0-58.24 63.744l23.36 256.384a35.072 35.072 0 0 0 69.76 0l23.296-256.384A58.432 58.432 0 0 0 512 256zm0 512a51.2 51.2 0 1 0 0-102.4a51.2 51.2 0 0 0 0 102.4z"%2F%3E%3C%2Fsvg%3E') no-repeat;
          mask: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="M512 64a448 448 0 1 1 0 896a448 448 0 0 1 0-896zm0 192a58.432 58.432 0 0 0-58.24 63.744l23.36 256.384a35.072 35.072 0 0 0 69.76 0l23.296-256.384A58.432 58.432 0 0 0 512 256zm0 512a51.2 51.2 0 1 0 0-102.4a51.2 51.2 0 0 0 0 102.4z"%2F%3E%3C%2Fsvg%3E') no-repeat;
  -webkit-mask-size: 100% 100%;
          mask-size: 100% 100%;
}

.vft-message-fade-enter-from,
.vft-message-fade-leave-to {
  transform: translate(-50%, -100%);
  opacity: 0;
}.vft-fade-in-linear-enter-active,
.vft-fade-in-linear-leave-active {
  transition: var(--vft-transition-fade-linear);
}

.vft-fade-in-linear-enter-from,
.vft-fade-in-linear-leave-to {
  opacity: 0;
}

.vft-fade-in-enter-active,
.vft-fade-in-leave-active {
  transition: all var(--vft-transition-duration) cubic-bezier(0.55, 0, 0.1, 1);
}

.vft-fade-in-enter-from,
.vft-fade-in-leave-active {
  opacity: 0;
}

.vft-zoom-in-center-enter-active,
.vft-zoom-in-center-leave-active {
  transition: all var(--vft-transition-duration) cubic-bezier(0.55, 0, 0.1, 1);
}

.vft-zoom-in-center-enter-from,
.vft-zoom-in-center-leave-active {
  transform: scaleX(0);
  opacity: 0;
}

.vft-zoom-in-top-enter-active,
.vft-zoom-in-top-leave-active {
  transition: var(--vft-transition-md-fade);
  transform: scaleY(1);
  transform-origin: center top;
  opacity: 1;
}
.vft-zoom-in-top-enter-active[data-popper-placement^=top],
.vft-zoom-in-top-leave-active[data-popper-placement^=top] {
  transform-origin: center bottom;
}

.vft-zoom-in-top-enter-from,
.vft-zoom-in-top-leave-active {
  transform: scaleY(0);
  opacity: 0;
}

.vft-zoom-in-top-fast-enter-active {
  transition: var(--vft-transition-md-fade);
  transform: scaleY(1);
  transform-origin: center top;
  opacity: 1;
}
.vft-zoom-in-top-fast-enter-active[data-popper-placement^=top] {
  transform-origin: center bottom;
}

.vft-zoom-in-top-fast-leave-active {
  transform: scaleY(1);
  transform-origin: center top;
  opacity: 1;
}
.vft-zoom-in-top-fast-leave-active[data-popper-placement^=top] {
  transform-origin: center bottom;
}

.vft-zoom-in-top-fast-enter-from,
.vft-zoom-in-top-fast-leave-active {
  transform: scaleY(0);
  opacity: 0;
}

.vft-zoom-in-bottom-enter-active,
.vft-zoom-in-bottom-leave-active {
  transform: scaleY(1);
  transform-origin: center bottom;
  transition: var(--vft-transition-md-fade);
  opacity: 1;
}

.vft-zoom-in-bottom-enter-from,
.vft-zoom-in-bottom-leave-active {
  transform: scaleY(0);
  opacity: 0;
}

.vft-zoom-in-left-enter-active,
.vft-zoom-in-left-leave-active {
  transform: scale(1, 1);
  transform-origin: top left;
  transition: var(--vft-transition-md-fade);
  opacity: 1;
}

.vft-zoom-in-left-enter-from,
.vft-zoom-in-left-leave-active {
  transform: scale(0.45, 0.45);
  opacity: 0;
}

.collapse-transition {
  transition: var(--vft-transition-duration) height ease-in-out, var(--vft-transition-duration) padding-top ease-in-out, var(--vft-transition-duration) padding-bottom ease-in-out;
}

.vft-collapse-transition-leave-active,
.vft-collapse-transition-enter-active {
  transition: var(--vft-transition-duration) max-height ease-in-out, var(--vft-transition-duration) padding-top ease-in-out, var(--vft-transition-duration) padding-bottom ease-in-out;
}

.horizontal-collapse-transition {
  transition: var(--vft-transition-duration) width ease-in-out, var(--vft-transition-duration) padding-left ease-in-out, var(--vft-transition-duration) padding-right ease-in-out;
}

.vft-list-enter-active,
.vft-list-leave-active {
  transition: all 1s;
}

.vft-list-enter-from,
.vft-list-leave-to {
  transform: translateY(-1.875rem);
  opacity: 0;
}

.vft-list-leave-active {
  position: absolute !important;
}

.vft-opacity-transition {
  transition: opacity var(--vft-transition-duration) cubic-bezier(0.55, 0, 0.1, 1);
}

@keyframes vft-rotate {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes vft-loading-dot {
  33% {
    transform: translateY(-2em);
  }
  66% {
    transform: translateY(-1em);
  }
}
.vft-notification {
  --vft-notification-width: 20.625rem;
  --vft-notification-padding: 0.875rem 1.625rem 0.875rem 0.8125rem;
  --vft-notification-radius: 0.5rem;
  --vft-notification-shadow: var(--vft-box-shadow-light);
  --vft-notification-border-color: var(--vft-border-color-lighter);
  --vft-notification-icon-size: 1.5rem;
  --vft-notification-close-font-size: var(--vft-message-close-size, );
  --vft-notification-group-margin-left: 0.8125rem;
  --vft-notification-group-margin-right: 0.5rem;
  --vft-notification-content-font-size: var(--vft-font-size-base);
  --vft-notification-content-color: var(--vft-text-regular-color);
  --vft-notification-title-font-size: 1rem;
  --vft-notification-title-color: var(--vft-text-primary-color);
  --vft-notification-close-color: var(--vft-text-secondary-color);
  --vft-notification-close-hover-color: var(--vft-text-regular-color);
}

.vft-notification {
  display: flex;
  position: fixed;
  z-index: 9999;
  box-sizing: border-box;
  width: var(--vft-notification-width);
  padding: var(--vft-notification-padding);
  overflow: hidden;
  transition: opacity var(--vft-transition-duration), transform var(--vft-transition-duration), left var(--vft-transition-duration), right var(--vft-transition-duration), top 0.4s, bottom var(--vft-transition-duration);
  border: 0.0625rem solid var(--vft-notification-border-color);
  border-radius: var(--vft-notification-radius);
  background-color: var(--vft-bg-color-overlay);
  box-shadow: var(--vft-notification-shadow);
  overflow-wrap: break-word;
}
.vft-notification.right {
  right: 1rem;
}
.vft-notification.left {
  left: 1rem;
}
.vft-notification__group {
  flex: 1;
  min-width: 0;
  margin-right: var(--vft-notification-group-margin-right);
  margin-left: var(--vft-notification-group-margin-left);
}

.vft-notification__title {
  margin: 0;
  color: var(--vft-notification-title-color);
  font-size: var(--vft-notification-title-font-size);
  font-weight: bold;
  line-height: var(--vft-notification-icon-size);
}

.vft-notification__content {
  margin: 0.375rem 0 0;
  color: var(--vft-notification-content-color);
  font-size: var(--vft-notification-content-font-size);
  line-height: 1.5rem;
}
.vft-notification__content p {
  margin: 0;
}

.vft-notification .vft-notification__icon {
  flex-shrink: 0;
  width: var(--vft-notification-icon-size);
  height: var(--vft-notification-icon-size);
  font-size: var(--vft-notification-icon-size);
}
.vft-notification .vft-notification__closeBtn {
  position: absolute;
  top: 1.125rem;
  right: 0.9375rem;
  color: var(--vft-notification-close-color);
  font-size: var(--vft-notification-close-font-size);
  cursor: pointer;
}
.vft-notification .vft-notification__closeBtn:hover {
  color: var(--vft-notification-close-hover-color);
}
.vft-notification .vft-notification--primary {
  --vft-notification-icon-color: var(--vft-primary-color);
  color: var(--vft-notification-icon-color);
}
.vft-notification .vft-notification--success {
  --vft-notification-icon-color: var(--vft-success-color);
  color: var(--vft-notification-icon-color);
}
.vft-notification .vft-notification--info {
  --vft-notification-icon-color: var(--vft-info-color);
  color: var(--vft-notification-icon-color);
}
.vft-notification .vft-notification--warning {
  --vft-notification-icon-color: var(--vft-warning-color);
  color: var(--vft-notification-icon-color);
}
.vft-notification .vft-notification--error {
  --vft-notification-icon-color: var(--vft-error-color);
  color: var(--vft-notification-icon-color);
}
.vft-notification .icon-info-filled {
  width: 1em;
  height: 1em;
  background-color: currentcolor;
  -webkit-mask: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="M512 64a448 448 0 1 1 0 896.064A448 448 0 0 1 512 64zm67.2 275.072c33.28 0 60.288-23.104 60.288-57.344s-27.072-57.344-60.288-57.344c-33.28 0-60.16 23.104-60.16 57.344s26.88 57.344 60.16 57.344zM590.912 699.2c0-6.848 2.368-24.64 1.024-34.752l-52.608 60.544c-10.88 11.456-24.512 19.392-30.912 17.28a12.992 12.992 0 0 1-8.256-14.72l87.68-276.992c7.168-35.136-12.544-67.2-54.336-71.296c-44.096 0-108.992 44.736-148.48 101.504c0 6.784-1.28 23.68.064 33.792l52.544-60.608c10.88-11.328 23.552-19.328 29.952-17.152a12.8 12.8 0 0 1 7.808 16.128L388.48 728.576c-10.048 32.256 8.96 63.872 55.04 71.04c67.84 0 107.904-43.648 147.456-100.416z"%2F%3E%3C%2Fsvg%3E') no-repeat;
          mask: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="M512 64a448 448 0 1 1 0 896.064A448 448 0 0 1 512 64zm67.2 275.072c33.28 0 60.288-23.104 60.288-57.344s-27.072-57.344-60.288-57.344c-33.28 0-60.16 23.104-60.16 57.344s26.88 57.344 60.16 57.344zM590.912 699.2c0-6.848 2.368-24.64 1.024-34.752l-52.608 60.544c-10.88 11.456-24.512 19.392-30.912 17.28a12.992 12.992 0 0 1-8.256-14.72l87.68-276.992c7.168-35.136-12.544-67.2-54.336-71.296c-44.096 0-108.992 44.736-148.48 101.504c0 6.784-1.28 23.68.064 33.792l52.544-60.608c10.88-11.328 23.552-19.328 29.952-17.152a12.8 12.8 0 0 1 7.808 16.128L388.48 728.576c-10.048 32.256 8.96 63.872 55.04 71.04c67.84 0 107.904-43.648 147.456-100.416z"%2F%3E%3C%2Fsvg%3E') no-repeat;
  -webkit-mask-size: 100% 100%;
          mask-size: 100% 100%;
}
.vft-notification .icon-success-filled {
  width: 1em;
  height: 1em;
  background-color: currentcolor;
  -webkit-mask: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="M512 64a448 448 0 1 1 0 896a448 448 0 0 1 0-896zm-55.808 536.384l-99.52-99.584a38.4 38.4 0 1 0-54.336 54.336l126.72 126.72a38.272 38.272 0 0 0 54.336 0l262.4-262.464a38.4 38.4 0 1 0-54.272-54.336L456.192 600.384z"%2F%3E%3C%2Fsvg%3E') no-repeat;
          mask: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="M512 64a448 448 0 1 1 0 896a448 448 0 0 1 0-896zm-55.808 536.384l-99.52-99.584a38.4 38.4 0 1 0-54.336 54.336l126.72 126.72a38.272 38.272 0 0 0 54.336 0l262.4-262.464a38.4 38.4 0 1 0-54.272-54.336L456.192 600.384z"%2F%3E%3C%2Fsvg%3E') no-repeat;
  -webkit-mask-size: 100% 100%;
          mask-size: 100% 100%;
}
.vft-notification .icon-warning-filled {
  width: 1em;
  height: 1em;
  background-color: currentcolor;
  -webkit-mask: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="M512 64a448 448 0 1 1 0 896a448 448 0 0 1 0-896zm0 192a58.432 58.432 0 0 0-58.24 63.744l23.36 256.384a35.072 35.072 0 0 0 69.76 0l23.296-256.384A58.432 58.432 0 0 0 512 256zm0 512a51.2 51.2 0 1 0 0-102.4a51.2 51.2 0 0 0 0 102.4z"%2F%3E%3C%2Fsvg%3E') no-repeat;
          mask: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="M512 64a448 448 0 1 1 0 896a448 448 0 0 1 0-896zm0 192a58.432 58.432 0 0 0-58.24 63.744l23.36 256.384a35.072 35.072 0 0 0 69.76 0l23.296-256.384A58.432 58.432 0 0 0 512 256zm0 512a51.2 51.2 0 1 0 0-102.4a51.2 51.2 0 0 0 0 102.4z"%2F%3E%3C%2Fsvg%3E') no-repeat;
  -webkit-mask-size: 100% 100%;
          mask-size: 100% 100%;
}
.vft-notification .icon-error-filled {
  width: 1em;
  height: 1em;
  background-color: currentcolor;
  -webkit-mask: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="M512 64a448 448 0 1 1 0 896a448 448 0 0 1 0-896m0 393.664L407.936 353.6a38.4 38.4 0 1 0-54.336 54.336L457.664 512L353.6 616.064a38.4 38.4 0 1 0 54.336 54.336L512 566.336L616.064 670.4a38.4 38.4 0 1 0 54.336-54.336L566.336 512L670.4 407.936a38.4 38.4 0 1 0-54.336-54.336z"%2F%3E%3C%2Fsvg%3E') no-repeat;
          mask: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="M512 64a448 448 0 1 1 0 896a448 448 0 0 1 0-896m0 393.664L407.936 353.6a38.4 38.4 0 1 0-54.336 54.336L457.664 512L353.6 616.064a38.4 38.4 0 1 0 54.336 54.336L512 566.336L616.064 670.4a38.4 38.4 0 1 0 54.336-54.336L566.336 512L670.4 407.936a38.4 38.4 0 1 0-54.336-54.336z"%2F%3E%3C%2Fsvg%3E') no-repeat;
  -webkit-mask-size: 100% 100%;
          mask-size: 100% 100%;
}
.vft-notification .icon-close {
  width: 1em;
  height: 1em;
  background-color: currentcolor;
  -webkit-mask: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="M764.288 214.592L512 466.88L259.712 214.592a31.936 31.936 0 0 0-45.12 45.12L466.752 512L214.528 764.224a31.936 31.936 0 1 0 45.12 45.184L512 557.184l252.288 252.288a31.936 31.936 0 0 0 45.12-45.12L557.12 512.064l252.288-252.352a31.936 31.936 0 1 0-45.12-45.184z"%2F%3E%3C%2Fsvg%3E') no-repeat;
          mask: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="M764.288 214.592L512 466.88L259.712 214.592a31.936 31.936 0 0 0-45.12 45.12L466.752 512L214.528 764.224a31.936 31.936 0 1 0 45.12 45.184L512 557.184l252.288 252.288a31.936 31.936 0 0 0 45.12-45.12L557.12 512.064l252.288-252.352a31.936 31.936 0 1 0-45.12-45.184z"%2F%3E%3C%2Fsvg%3E') no-repeat;
  -webkit-mask-size: 100% 100%;
          mask-size: 100% 100%;
}

.vft-notification-fade-enter-from.right {
  right: 0;
  transform: translateX(100%);
}
.vft-notification-fade-enter-from.left {
  left: 0;
  transform: translateX(-100%);
}

.vft-notification-fade-leave-to {
  opacity: 0;
}.vft-fade-in-linear-enter-active,
.vft-fade-in-linear-leave-active {
  transition: var(--vft-transition-fade-linear);
}

.vft-fade-in-linear-enter-from,
.vft-fade-in-linear-leave-to {
  opacity: 0;
}

.vft-fade-in-enter-active,
.vft-fade-in-leave-active {
  transition: all var(--vft-transition-duration) cubic-bezier(0.55, 0, 0.1, 1);
}

.vft-fade-in-enter-from,
.vft-fade-in-leave-active {
  opacity: 0;
}

.vft-zoom-in-center-enter-active,
.vft-zoom-in-center-leave-active {
  transition: all var(--vft-transition-duration) cubic-bezier(0.55, 0, 0.1, 1);
}

.vft-zoom-in-center-enter-from,
.vft-zoom-in-center-leave-active {
  transform: scaleX(0);
  opacity: 0;
}

.vft-zoom-in-top-enter-active,
.vft-zoom-in-top-leave-active {
  transition: var(--vft-transition-md-fade);
  transform: scaleY(1);
  transform-origin: center top;
  opacity: 1;
}
.vft-zoom-in-top-enter-active[data-popper-placement^=top],
.vft-zoom-in-top-leave-active[data-popper-placement^=top] {
  transform-origin: center bottom;
}

.vft-zoom-in-top-enter-from,
.vft-zoom-in-top-leave-active {
  transform: scaleY(0);
  opacity: 0;
}

.vft-zoom-in-top-fast-enter-active {
  transition: var(--vft-transition-md-fade);
  transform: scaleY(1);
  transform-origin: center top;
  opacity: 1;
}
.vft-zoom-in-top-fast-enter-active[data-popper-placement^=top] {
  transform-origin: center bottom;
}

.vft-zoom-in-top-fast-leave-active {
  transform: scaleY(1);
  transform-origin: center top;
  opacity: 1;
}
.vft-zoom-in-top-fast-leave-active[data-popper-placement^=top] {
  transform-origin: center bottom;
}

.vft-zoom-in-top-fast-enter-from,
.vft-zoom-in-top-fast-leave-active {
  transform: scaleY(0);
  opacity: 0;
}

.vft-zoom-in-bottom-enter-active,
.vft-zoom-in-bottom-leave-active {
  transform: scaleY(1);
  transform-origin: center bottom;
  transition: var(--vft-transition-md-fade);
  opacity: 1;
}

.vft-zoom-in-bottom-enter-from,
.vft-zoom-in-bottom-leave-active {
  transform: scaleY(0);
  opacity: 0;
}

.vft-zoom-in-left-enter-active,
.vft-zoom-in-left-leave-active {
  transform: scale(1, 1);
  transform-origin: top left;
  transition: var(--vft-transition-md-fade);
  opacity: 1;
}

.vft-zoom-in-left-enter-from,
.vft-zoom-in-left-leave-active {
  transform: scale(0.45, 0.45);
  opacity: 0;
}

.collapse-transition {
  transition: var(--vft-transition-duration) height ease-in-out, var(--vft-transition-duration) padding-top ease-in-out, var(--vft-transition-duration) padding-bottom ease-in-out;
}

.vft-collapse-transition-leave-active,
.vft-collapse-transition-enter-active {
  transition: var(--vft-transition-duration) max-height ease-in-out, var(--vft-transition-duration) padding-top ease-in-out, var(--vft-transition-duration) padding-bottom ease-in-out;
}

.horizontal-collapse-transition {
  transition: var(--vft-transition-duration) width ease-in-out, var(--vft-transition-duration) padding-left ease-in-out, var(--vft-transition-duration) padding-right ease-in-out;
}

.vft-list-enter-active,
.vft-list-leave-active {
  transition: all 1s;
}

.vft-list-enter-from,
.vft-list-leave-to {
  transform: translateY(-1.875rem);
  opacity: 0;
}

.vft-list-leave-active {
  position: absolute !important;
}

.vft-opacity-transition {
  transition: opacity var(--vft-transition-duration) cubic-bezier(0.55, 0, 0.1, 1);
}

@keyframes vft-rotate {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes vft-loading-dot {
  33% {
    transform: translateY(-2em);
  }
  66% {
    transform: translateY(-1em);
  }
}
.pswp {
  --pswp-bg: #000;
  --pswp-placeholder-bg: #222;
  --pswp-root-z-index: 100000;
  --pswp-preloader-color: rgba(79, 79, 79, 0.4);
  --pswp-preloader-secondary-color: rgba(255, 255, 255, 0.9);
  /* defined via js:
  --pswp-transition-duration: 333ms; */
  --pswp-icon-color: #fff;
  --pswp-icon-secondary-color: #4f4f4f;
  --pswp-icon-stroke-color: #4f4f4f;
  --pswp-icon-stroke-width: 0.125rem;
  --pswp-error-text-color: var(--pswp-icon-color);
  display: none;
  position: fixed;
  z-index: var(--pswp-root-z-index);
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  outline: 0;
  opacity: 0.003;
  touch-action: none;
  contain: layout style size;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.pswp:focus {
  outline: 0;
}

.pswp * {
  box-sizing: border-box;
}

.pswp img {
  max-width: none;
}

.pswp--open {
  display: block;
}

.pswp,
.pswp__bg {
  transform: translateZ(0);
  will-change: opacity;
}

.pswp__bg {
  opacity: 0.005;
  background: var(--pswp-bg);
}

.pswp,
.pswp__scroll-wrap {
  overflow: hidden;
}

.pswp__scroll-wrap,
.pswp__bg,
.pswp__container,
.pswp__item,
.pswp__content,
.pswp__img,
.pswp__zoom-wrap {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.pswp__img,
.pswp__zoom-wrap {
  width: auto;
  height: auto;
}

.pswp--click-to-zoom.pswp--zoom-allowed .pswp__img {
  cursor: zoom-in;
}

.pswp--click-to-zoom.pswp--zoomed-in .pswp__img {
  cursor: grab;
}

.pswp--click-to-zoom.pswp--zoomed-in .pswp__img:active {
  cursor: grabbing;
}

/* :active to override grabbing cursor */
.pswp--no-mouse-drag.pswp--zoomed-in .pswp__img,
.pswp--no-mouse-drag.pswp--zoomed-in .pswp__img:active,
.pswp__img {
  cursor: zoom-out;
}

/* Prevent selection and tap highlights */
.pswp__container,
.pswp__img,
.pswp__button,
.pswp__counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.pswp__item {
  /* z-index for fade transition */
  z-index: 1;
  overflow: hidden;
}

.pswp__hidden {
  display: none !important;
}

/* Allow to click through pswp__content element, but not its children */
.pswp__content {
  pointer-events: none;
}

.pswp__content > * {
  pointer-events: auto;
}

/*

  PhotoSwipe UI

*/
/*
  Error message appears when image is not loaded
  (JS option errorMsg controls markup)
*/
.pswp__error-msg-container {
  display: grid;
}

.pswp__error-msg {
  margin: auto;
  color: var(--pswp-error-text-color);
  font-size: 1em;
  line-height: 1;
}

/*
class pswp__hide-on-close is applied to elements that
should hide (for example fade out) when PhotoSwipe is closed
and show (for example fade in) when PhotoSwipe is opened
 */
.pswp .pswp__hide-on-close {
  z-index: 10; /* always overlap slide content */
  transition: opacity var(--pswp-transition-duration) cubic-bezier(0.4, 0, 0.22, 1);
  opacity: 0.005;
  pointer-events: none; /* hidden elements should not be clickable */
  will-change: opacity;
}

/* class pswp--ui-visible is added when opening or closing transition starts */
.pswp--ui-visible .pswp__hide-on-close {
  opacity: 1;
  pointer-events: auto;
}

/* <button> styles, including css reset */
.pswp__button {
  display: block;
  position: relative;
  width: 3.125rem;
  height: 3.75rem;
  margin: 0;
  padding: 0;
  overflow: hidden;
  border: 0;
  opacity: 0.85;
  background: none;
  box-shadow: none;
  cursor: pointer;
  -webkit-appearance: none;
  -webkit-touch-callout: none;
}

.pswp__button:hover,
.pswp__button:active,
.pswp__button:focus {
  padding: 0;
  transition: none;
  border: 0;
  opacity: 1;
  background: none;
  box-shadow: none;
}

.pswp__button:disabled {
  opacity: 0.3;
  cursor: auto;
}

.pswp__icn {
  position: absolute;
  top: 0.875rem;
  left: 0.5625rem;
  width: 2rem;
  height: 2rem;
  overflow: hidden;
  fill: var(--pswp-icon-color);
  color: var(--pswp-icon-secondary-color);
  pointer-events: none;
}

.pswp__icn-shadow {
  stroke-width: var(--pswp-icon-stroke-width);
  stroke: var(--pswp-icon-stroke-color);
  fill: none;
}

.pswp__icn:focus {
  outline: 0;
}

/*
  div element that matches size of large image,
  large image loads on top of it,
  used when msrc is not provided
*/
div.pswp__img--placeholder,
.pswp__img--with-bg {
  background: var(--pswp-placeholder-bg);
}

.pswp__top-bar {
  display: flex;
  position: absolute;
  z-index: 10;
  top: 0;
  left: 0;
  flex-direction: row;
  justify-content: flex-end;
  width: 100%;
  height: 3.75rem;
  /* allow events to pass through top bar itself */
  pointer-events: none !important;
}

.pswp__top-bar > * {
  pointer-events: auto;
  /* this makes transition significantly more smooth,
     even though inner elements are not animated */
  will-change: opacity;
}

/*

  Close button

*/
.pswp__button--close {
  margin-right: 0.375rem;
}

/*

  Arrow buttons

*/
.pswp__button--arrow {
  position: absolute;
  top: 0;
  top: 50%;
  width: 4.6875rem;
  height: 6.25rem;
  margin-top: -3.125rem;
}

.pswp__button--arrow:disabled {
  display: none;
  cursor: default;
}

.pswp__button--arrow .pswp__icn {
  top: 50%;
  width: 3.75rem;
  height: 3.75rem;
  margin-top: -1.875rem;
  border-radius: 0;
  background: none;
}

.pswp--one-slide .pswp__button--arrow {
  display: none;
}

/* hide arrows on touch screens */
.pswp--touch .pswp__button--arrow {
  visibility: hidden;
}

/* show arrows only after mouse was used */
.pswp--has_mouse .pswp__button--arrow {
  visibility: visible;
}

.pswp__button--arrow--prev {
  right: auto;
  left: 0;
}

.pswp__button--arrow--next {
  right: 0;
}

.pswp__button--arrow--next .pswp__icn {
  right: 0.875rem;
  left: auto;
  /* flip horizontally */
  transform: scale(-1, 1);
}

/*

  Zoom button

*/
.pswp__button--zoom {
  display: none;
}

.pswp--zoom-allowed .pswp__button--zoom {
  display: block;
}

/* "+" => "-" */
.pswp--zoomed-in .pswp__zoom-icn-bar-v {
  display: none;
}

/*

  Loading indicator

*/
.pswp__preloader {
  position: relative;
  width: 3.125rem;
  height: 3.75rem;
  margin-right: auto;
  overflow: hidden;
}

.pswp__preloader .pswp__icn {
  transition: opacity 0.2s linear;
  animation: pswp-clockwise 600ms linear infinite;
  opacity: 0;
}

.pswp__preloader--active .pswp__icn {
  opacity: 0.85;
}

@keyframes pswp-clockwise {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/*

  "1 of 10" counter

*/
.pswp__counter {
  height: 1.875rem;
  margin-top: 0.9375rem;
  margin-inline-start: 1.25rem;
  opacity: 0.85;
  color: var(--pswp-icon-color);
  font-size: 0.875rem;
  line-height: 1.875rem;
  text-shadow: 0.0625rem 0.0625rem 0.1875rem var(--pswp-icon-secondary-color);
}

.pswp--one-slide .pswp__counter {
  display: none;
}

.vft-md-container table {
  width: 100%;
  margin: 1rem 0;
  overflow: hidden;
  border-collapse: collapse;
  border-radius: 0.375rem;
  background-color: var(--vft-bg-color);
  box-shadow: var(--vft-box-shadow);
  color: var(--vft-text-primary-color);
}
.vft-md-container table thead {
  border-bottom: var(--vft-border-color);
  font-weight: normal;
}
.vft-md-container table tr {
  transition: all 0.2s;
}
.vft-md-container table tbody tr:hover {
  background-color: var(--vft-primary-color-light-9);
}
.vft-md-container table tbody tr:hover td {
  color: var(--vft-primary-color);
}
.vft-md-container table td:first-child {
  font-weight: bold;
}
.vft-md-container table td:nth-child(1) {
  font-weight: bold;
}
.vft-md-container table td:nth-child(4) {
  word-break: break-all;
}
.vft-md-container table td,
.vft-md-container table th {
  padding: 1rem;
  border-bottom: var(--vft-border);
  font-size: 0.875rem;
  line-height: 1.375rem;
  text-align: left;
}
.vft-md-container table th {
  white-space: nowrap;
}
.vft-md-container table em {
  color: var(--vft-danger-color);
  font-size: 0.875rem;
  font-style: normal;
}

.vft-md-container a {
  color: var(--vft-md-container-primary-color);
  font-weight: 500;
  overflow-wrap: break-word;
}
.vft-md-container a:hover {
  text-decoration: underline;
}
.vft-md-container a::after {
  content: "";
  display: inline-block;
  width: 0.75rem;
  height: 0.75rem;
  margin-left: 0.3125rem;
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyB0PSIxNjc0NTU1ODY1NjQyIiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjU2NjIiIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMjAwIiBoZWlnaHQ9IjIwMCI+PHBhdGggZD0iTTkxMiAxMDA4LjUxMkgxNS40ODhWMTEyaDQ0OC4yNTZ2OTZIMTExLjQ4OHY3MDQuNTEySDgxNlY1NjAuMjU2aDk2eiIgcC1pZD0iNTY2MyIgZmlsbD0iIzk5OTk5OSI+PC9wYXRoPjxwYXRoIGQ9Ik05MTguMjA4IDM3Ljg4OGw2Ny45MDQgNjcuOTA0TDU0NS45ODQgNTQ1LjkybC02Ny45MDQtNjcuODR6IiBwLWlkPSI1NjY0IiBmaWxsPSIjOTk5OTk5Ij48L3BhdGg+PHBhdGggZD0iTTEwMDcuMTY4IDMxMC42NTZoLTk2VjExMmgtMjA4VjE2aDMwNHoiIHAtaWQ9IjU2NjUiIGZpbGw9IiM5OTk5OTkiPjwvcGF0aD48L3N2Zz4=");
  background-size: 100% 100%;
}
.vft-md-container a.header-anchor::after, .vft-md-container a:has(> img)::after {
  content: "";
  display: none;
}
.vft-md-container a img {
  display: inline-block;
}
.vft-md-container a.header-anchor {
  margin-top: 0.125em;
  margin-left: -0.87em;
  padding-right: 0.23em;
  float: left;
  transition: opacity 0.2s;
  opacity: 0;
  font-size: 0.85em;
}
.vft-md-container h1:hover .header-anchor,
.vft-md-container h2:hover .header-anchor,
.vft-md-container h3:hover .header-anchor,
.vft-md-container h4:hover .header-anchor,
.vft-md-container h5:hover .header-anchor,
.vft-md-container h6:hover .header-anchor {
  opacity: 1;
}

.vft-md-container .toc-place-holder {
  position: sticky;
  z-index: 1;
  top: 3.125rem;
  max-width: var(--vft-md-container-content-max-width);
}
.vft-md-container #toc {
  position: absolute;
  left: calc(100% + 1rem);
  min-width: 10rem;
  max-width: 15rem;
}
@media print {
  .vft-md-container #toc {
    display: none !important;
  }
}
.vft-md-container #toc a::after {
  content: "";
  display: none;
}
.vft-md-container #toc .toc-header {
  margin-bottom: 0.75rem;
  margin-inline-start: 0.5rem;
  font-size: 0.875rem;
  font-weight: 600;
}
.vft-md-container #toc .print-button {
  box-sizing: content-box;
  width: 1rem;
  height: 1rem;
  padding: 0.5rem;
  transform: translateY(0.25rem);
  border-radius: 0.25em;
  color: inherit;
  font-size: 1rem;
}
.vft-md-container #toc .toc-wrapper {
  position: relative;
  max-height: 70vh;
  margin: 0 0.5rem;
  padding-inline-start: 0.5rem;
  overflow-x: hidden;
  overflow-y: auto;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.vft-md-container #toc .toc-wrapper::-webkit-scrollbar {
  width: 0.1875rem;
}
.vft-md-container #toc .toc-list {
  position: relative;
  margin: 0;
  padding: 0;
}
.vft-md-container #toc .toc-list::before {
  content: " ";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: -0.5rem;
  width: 0.125rem;
  background: var(--vft-info-color-light-7);
  inset-inline-start: -0.5rem;
}
.vft-md-container #toc .toc-link {
  display: block;
  position: relative;
  max-width: 100%;
  overflow: hidden;
  color: var(--vft-text-primary-color);
  line-height: inherit;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.vft-md-container #toc .toc-link.level2 {
  padding-inline-start: 0;
  font-size: 0.875rem;
}
.vft-md-container #toc .toc-link.level3 {
  padding-inline-start: 0.5rem;
  font-size: 0.8125rem;
}
.vft-md-container #toc .toc-link.level4 {
  padding-inline-start: 1rem;
  font-size: 0.75rem;
}
.vft-md-container #toc .toc-link.level5 {
  padding-inline-start: 1.5rem;
  font-size: 0.6875rem;
}
.vft-md-container #toc .toc-link.level6 {
  padding-inline-start: 2rem;
  font-size: 0.625rem;
}
.vft-md-container #toc .toc-item {
  position: relative;
  box-sizing: border-box;
  height: 1.7rem;
  padding: 0 0.5rem;
  line-height: 1.7rem;
  list-style: none;
}
.vft-md-container #toc .toc-item::before {
  content: " ";
  position: absolute;
  z-index: 2;
  top: 0;
  bottom: 0;
  left: -0.5rem;
  width: 0.125rem;
  background: transparent;
  inset-inline-start: -0.5rem;
}
.vft-md-container #toc .toc-item:hover > .toc-link {
  color: var(--vft-md-container-primary-color);
}
.vft-md-container #toc .toc-item.active > .toc-link {
  color: var(--vft-md-container-primary-color);
  font-weight: bold;
}
.vft-md-container #toc .toc-item.active::before {
  background: var(--vft-md-container-primary-color);
}

.vft-md-container {
  /* HTML overrides */
  /* CSS overrides */
  /* JS overrides */
  /* JSON overrides */
  /* MD overrides */
  /* General */
}
.vft-md-container code[class*=language-],
.vft-md-container pre[class*=language-] {
  -moz-tab-size: 2;
  -o-tab-size: 2;
  tab-size: 2;
}
.vft-md-container code[class*=language-]::-moz-selection, .vft-md-container code[class*=language-] ::-moz-selection, .vft-md-container pre[class*=language-]::-moz-selection, .vft-md-container pre[class*=language-] ::-moz-selection {
  background: #e5e5e6;
  color: inherit;
}
.vft-md-container code[class*=language-]::selection,
.vft-md-container code[class*=language-] ::selection,
.vft-md-container pre[class*=language-]::selection,
.vft-md-container pre[class*=language-] ::selection {
  background: #e5e5e6;
  color: inherit;
}
.vft-md-container .token.comment,
.vft-md-container .token.prolog,
.vft-md-container .token.cdata {
  color: #a0a1a7;
}
.vft-md-container .token.doctype,
.vft-md-container .token.punctuation,
.vft-md-container .token.entity {
  color: var(--vft-text-secondary-color);
}
.vft-md-container .token.attr-name,
.vft-md-container .token.class-name,
.vft-md-container .token.boolean,
.vft-md-container .token.constant,
.vft-md-container .token.number,
.vft-md-container .token.atrule {
  color: #b76b01;
}
.vft-md-container .token.keyword {
  color: #a626a4;
}
.vft-md-container .token.property,
.vft-md-container .token.tag,
.vft-md-container .token.symbol,
.vft-md-container .token.deleted,
.vft-md-container .token.important {
  color: #e45649;
}
.vft-md-container .token.selector,
.vft-md-container .token.string,
.vft-md-container .token.char,
.vft-md-container .token.builtin,
.vft-md-container .token.inserted,
.vft-md-container .token.regex,
.vft-md-container .token.attr-value,
.vft-md-container .token.attr-value > .token.punctuation {
  color: #50a14f;
}
.vft-md-container .token.variable,
.vft-md-container .token.operator,
.vft-md-container .token.function {
  color: #4078f2;
}
.vft-md-container .token.url {
  color: #0184bc;
}
.vft-md-container .token.attr-value > .token.punctuation.attr-equals,
.vft-md-container .token.special-attr > .token.attr-value > .token.value.css {
  color: var(--vft-text-primary-color);
}
.vft-md-container .language-css .token.selector {
  color: #e45649;
}
.vft-md-container .language-css .token.property {
  color: var(--vft-text-primary-color);
}
.vft-md-container .language-css .token.function,
.vft-md-container .language-css .token.url > .token.function {
  color: #0184bc;
}
.vft-md-container .language-css .token.url > .token.string.url {
  color: #50a14f;
}
.vft-md-container .language-css .token.important,
.vft-md-container .language-css .token.atrule .token.rule {
  color: #a626a4;
}
.vft-md-container .language-javascript .token.operator {
  color: #a626a4;
}
.vft-md-container .language-javascript .token.template-string > .token.interpolation > .token.interpolation-punctuation.punctuation {
  color: #ca1243;
}
.vft-md-container .language-json .token.operator {
  color: #383a42;
}
.vft-md-container .language-json .token.null.keyword {
  color: #b76b01;
}
.vft-md-container .language-markdown .token.url,
.vft-md-container .language-markdown .token.url > .token.operator,
.vft-md-container .language-markdown .token.url-reference.url > .token.string {
  color: #383a42;
}
.vft-md-container .language-markdown .token.url > .token.content {
  color: #4078f2;
}
.vft-md-container .language-markdown .token.url > .token.url,
.vft-md-container .language-markdown .token.url-reference.url {
  color: #0184bc;
}
.vft-md-container .language-markdown .token.blockquote.punctuation,
.vft-md-container .language-markdown .token.hr.punctuation {
  color: #a0a1a7;
  font-style: italic;
}
.vft-md-container .language-markdown .token.code-snippet {
  color: #50a14f;
}
.vft-md-container .language-markdown .token.bold .token.content {
  color: #b76b01;
}
.vft-md-container .language-markdown .token.italic .token.content {
  color: #a626a4;
}
.vft-md-container .language-markdown .token.strike .token.content,
.vft-md-container .language-markdown .token.strike .token.punctuation,
.vft-md-container .language-markdown .token.list.punctuation,
.vft-md-container .language-markdown .token.title.important > .token.punctuation {
  color: #e45649;
}
.vft-md-container .token.bold {
  font-weight: bold;
}
.vft-md-container .token.comment,
.vft-md-container .token.italic {
  font-style: italic;
}
.vft-md-container .token.entity {
  cursor: help;
}
.vft-md-container .token.namespace {
  opacity: 0.8;
}

.vft-md-container h2,
.vft-md-container h3 {
  border-bottom: 0.0625rem solid rgba(0, 0, 0, 0.15);
}
.vft-md-container h1,
.vft-md-container h2,
.vft-md-container h3,
.vft-md-container h4,
.vft-md-container h5,
.vft-md-container h6 {
  margin-bottom: 0.5rem;
  padding-top: 1.875rem;
  outline: none;
  color: var(--vft-text-primary-color);
  font-weight: 500;
  line-height: 1.25;
  overflow-wrap: break-word;
}
.vft-md-container h1:hover .header-anchor,
.vft-md-container h2:hover .header-anchor,
.vft-md-container h3:hover .header-anchor,
.vft-md-container h4:hover .header-anchor,
.vft-md-container h5:hover .header-anchor,
.vft-md-container h6:hover .header-anchor {
  opacity: 1;
}
.no-navbar .vft-md-container h1,
.no-navbar .vft-md-container h2,
.no-navbar .vft-md-container h3,
.no-navbar .vft-md-container h4,
.no-navbar .vft-md-container h5,
.no-navbar .vft-md-container h6 {
  margin-top: 1.5rem;
  padding-top: 0;
}
.vft-md-container h1 {
  font-size: 2rem;
}
.vft-md-container h2 {
  padding-bottom: 0.3rem;
  font-size: 1.65rem;
}
.vft-md-container h3 {
  font-size: 1.35rem;
}
.vft-md-container h4 {
  font-size: 1.15rem;
}
.vft-md-container h5 {
  font-size: 1.05rem;
}
.vft-md-container h6 {
  font-size: 1rem;
}

.vft-md-container blockquote {
  margin: 1rem 0;
  padding: 0.25rem 0 0.25rem 1rem;
  border-inline-start: 0.1875rem solid #ddd;
  border-color: #eee;
  color: var(--vft-text-placeholder-color);
  font-size: 1rem;
  overflow-wrap: break-word;
}
.vft-md-container blockquote p {
  margin: 0;
}

.vft-md-container code {
  padding: 0 0.3125rem;
  border-radius: 0.1875rem;
  background-color: var(--vft-md-container-code-bg-color);
  color: var(--vft-md-container-code-color);
  font-size: 0.84375rem;
  word-break: break-word;
}
.vft-md-container .line-numbers-mode pre {
  margin-left: var(--vft-md-container-line-numbers-width) !important;
  padding-left: 0.5rem;
  vertical-align: middle;
}
.vft-md-container .line-numbers-mode::after {
  content: "";
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  width: var(--vft-md-container-line-numbers-width);
  height: 100%;
  transition: border-color var(--vft-color-transition);
  border-right: var(--vft-border);
  border-radius: 0.375rem 0 0 0.375rem;
}
.vft-md-container .line-numbers-mode .line-numbers {
  position: absolute;
  top: 0;
  left: 0;
  width: var(--vft-md-container-line-numbers-width);
  padding: 1rem 0;
  transform: translateY(0.0625rem);
  transition: color var(--vft-color-transition);
  color: var(--vft-text-regular-color);
  line-height: 1.375;
  text-align: center;
  counter-reset: line-number;
}
@media print {
  .vft-md-container .line-numbers-mode .line-numbers {
    display: none;
  }
}
.vft-md-container .line-numbers-mode .line-number {
  display: flex;
  position: relative;
  z-index: 4;
  align-items: center;
  justify-content: center;
  height: 1.375em;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.vft-md-container .line-numbers-mode .line-number::before {
  content: counter(line-number);
  font-size: 0.85em;
  counter-increment: line-number;
}
.vft-md-container .line-numbers-mode .highlight-lines {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  padding-top: 1rem;
  line-height: 1.375;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.vft-md-container .line-numbers-mode .highlight-line {
  position: relative;
  transition: background var(--vft-md-container-color-transition);
  background: var(--vft-md-container-highlight-line-color);
}
.vft-md-container .line-numbers-mode .highlight-line::before {
  content: " ";
  display: block;
  position: absolute;
  z-index: 3;
  top: 0;
  left: 0;
  width: var(--vft-md-container-line-numbers-width);
  height: 100%;
}
.vft-md-container div[class*=language-] {
  position: relative;
  border-radius: 0.375rem;
  background: #ecf4fa;
}
.vft-md-container div[class*=language-]::before {
  content: attr(data-ext);
  position: absolute;
  z-index: 3;
  top: 0.8em;
  right: 1em;
  transition: color 0.3s ease;
  color: var(--vft-text-primary-color);
  font-size: 0.75rem;
}
.vft-md-container div[class*=language-] pre,
.vft-md-container div[class*=language-] pre[class*=language-] {
  display: block;
  position: relative;
  z-index: 1;
  margin: 0.875rem 0;
  padding: 1rem;
  overflow: auto;
  border-radius: 0.375rem;
  background: transparent !important;
  font-size: 1rem;
  line-height: 1.375;
  white-space: pre;
  direction: ltr;
}
.vft-md-container div[class*=language-] pre code,
.vft-md-container div[class*=language-] pre[class*=language-] code {
  padding: 0;
  transition: color 0.3s ease;
  background: none;
  color: var(--vft-text-primary-color);
  font-size: 0.85em;
  -webkit-font-smoothing: auto;
  text-align: left;
  word-wrap: normal;
  word-break: normal;
  white-space: pre;
  word-spacing: normal;
  hyphens: none;
  overflow-wrap: unset;
}
.vft-md-container div[class*=language-] pre {
  margin-left: var(--vft-md-container-line-numbers-width);
  padding-left: 0.5rem;
  vertical-align: middle;
}
.vft-md-container div[class*=language-] button.copy {
  display: block;
  position: absolute;
  z-index: 3;
  top: 0;
  right: 2.5rem;
  align-items: center;
  justify-content: center;
  width: 2.5rem;
  height: 2.5rem;
  transition: opacity 0.4s;
  border: none;
  border-radius: 0.25rem;
  opacity: 0;
  background-color: transparent;
  background-image: var(--vft-md-container-icon-copy);
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: 1.25rem;
  cursor: pointer;
}
.vft-md-container div[class*=language-] button.copy.copied::before,
.vft-md-container div[class*=language-] button.copy:hover.copied::before {
  content: "Copied";
  position: relative;
  left: -2.8125rem;
  background-color: transparent;
  color: rgba(56, 58, 66, 0.67);
  font-size: 0.75rem;
  font-weight: 500;
  white-space: nowrap;
}
.vft-md-container div[class*=language-] button.copy.copied,
.vft-md-container div[class*=language-] button.copy:hover.copied {
  background-color: #c3def3;
  background-image: var(--vft-md-container-icon-copied);
}
.vft-md-container div[class*=language-]:hover > button.copy,
.vft-md-container div[class*=language-] button.copy:focus {
  opacity: 1;
}
.vft-md-container div[class*=language-] button.copy:hover {
  background-color: #c3def3;
}

.vft-md-container .language-markdown .token.url,
.vft-md-container .language-markdown .token.url > .token.operator,
.vft-md-container .language-markdown .token.url-reference.url > .token.string {
  color: #383a42;
}
.vft-md-container .language-markdown .token.url > .token.content {
  color: #4078f2;
}
.vft-md-container .language-markdown .token.url > .token.url,
.vft-md-container .language-markdown .token.url-reference.url {
  color: #0184bc;
}
.vft-md-container .language-markdown .token.blockquote.punctuation,
.vft-md-container .language-markdown .token.hr.punctuation {
  color: #a0a1a7;
  font-style: italic;
}
.vft-md-container .language-markdown .token.code-snippet {
  color: #50a14f;
}
.vft-md-container .language-markdown .token.bold .token.content {
  color: #b76b01;
}
.vft-md-container .language-markdown .token.italic .token.content {
  color: #a626a4;
}
.vft-md-container .language-markdown .token.strike .token.content,
.vft-md-container .language-markdown .token.strike .token.punctuation,
.vft-md-container .language-markdown .token.list.punctuation,
.vft-md-container .language-markdown .token.title.important > .token.punctuation {
  color: #e45649;
}

.vft-md-container .hint-container {
  position: relative;
  transition: background var(--vft-transition-color), border-color var(--vft-transition-color), color var(--vft-transition-color);
}
@media print {
  .vft-md-container .hint-container {
    page-break-inside: avoid;
  }
}
.vft-md-container .hint-container .hint-container-title {
  position: relative;
  font-weight: 600;
  line-height: 1.25;
}
.vft-md-container .hint-container.info, .vft-md-container .hint-container.note, .vft-md-container .hint-container.tip, .vft-md-container .hint-container.warning, .vft-md-container .hint-container.danger {
  margin: 1rem 0;
  padding: 0.25rem 1rem;
  border-inline-start-width: 0.3rem;
  border-inline-start-style: solid;
  border-radius: 0.5rem;
  color: inherit;
}
.vft-md-container .hint-container.info .hint-container-title, .vft-md-container .hint-container.note .hint-container-title, .vft-md-container .hint-container.tip .hint-container-title, .vft-md-container .hint-container.warning .hint-container-title, .vft-md-container .hint-container.danger .hint-container-title {
  padding-inline-start: 1.75rem;
}
@media print {
  .vft-md-container .hint-container.info .hint-container-title, .vft-md-container .hint-container.note .hint-container-title, .vft-md-container .hint-container.tip .hint-container-title, .vft-md-container .hint-container.warning .hint-container-title, .vft-md-container .hint-container.danger .hint-container-title {
    padding-inline-start: 0;
  }
}
.vft-md-container .hint-container.info .hint-container-title::before, .vft-md-container .hint-container.note .hint-container-title::before, .vft-md-container .hint-container.tip .hint-container-title::before, .vft-md-container .hint-container.warning .hint-container-title::before, .vft-md-container .hint-container.danger .hint-container-title::before {
  content: " ";
  position: absolute;
  top: calc(50% - 0.6125em);
  left: 0;
  width: 1.25em;
  height: 1.25em;
  background-repeat: no-repeat;
  background-position: left;
  inset-inline-start: 0;
}
@media print {
  .vft-md-container .hint-container.info .hint-container-title::before, .vft-md-container .hint-container.note .hint-container-title::before, .vft-md-container .hint-container.tip .hint-container-title::before, .vft-md-container .hint-container.warning .hint-container-title::before, .vft-md-container .hint-container.danger .hint-container-title::before {
    display: none;
  }
}
.vft-md-container .hint-container.info p, .vft-md-container .hint-container.note p, .vft-md-container .hint-container.tip p, .vft-md-container .hint-container.warning p, .vft-md-container .hint-container.danger p {
  line-height: 1.5;
}
.vft-md-container .hint-container.info a, .vft-md-container .hint-container.note a, .vft-md-container .hint-container.tip a, .vft-md-container .hint-container.warning a, .vft-md-container .hint-container.danger a {
  color: var(--vft-md-container-primary-color);
}
.vft-md-container .hint-container.info {
  border-color: var(--vft-md-container-info-border-color);
  background: var(--vft-md-container-info-bg-color);
}
.vft-md-container .hint-container.info > .hint-container-title {
  color: var(--vft-md-container-info-title-color);
}
.vft-md-container .hint-container.info > .hint-container-title::before {
  background-image: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10-4.477 10-10 10zm-1-11v6h2v-6h-2zm0-4v2h2V7h-2z' fill='%234cb3d4'/%3E%3C/svg%3E");
}
.vft-md-container .hint-container.info code {
  background: var(--vft-md-container-info-code-bg-color);
}
.vft-md-container .hint-container.note {
  border-color: var(--vft-md-container-note-border-color);
  background: var(--vft-md-container-note-bg-color);
}
.vft-md-container .hint-container.note > .hint-container-title {
  color: var(--vft-md-container-note-title-color);
}
.vft-md-container .hint-container.note > .hint-container-title::before {
  background-image: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10-4.477 10-10 10zm-1-11v6h2v-6h-2zm0-4v2h2V7h-2z' fill='%23ccc'/%3E%3C/svg%3E");
}
.vft-md-container .hint-container.note code {
  background: var(--vft-md-container-note-code-bg-color);
}
.vft-md-container .hint-container.tip {
  border-color: var(--vft-md-container-tip-border-color);
  background: var(--vft-md-container-tip-bg-color);
}
.vft-md-container .hint-container.tip > .hint-container-title {
  color: var(--vft-md-container-tip-title-color);
}
.vft-md-container .hint-container.tip > .hint-container-title::before {
  background-image: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23009400' d='M7.941 18c-.297-1.273-1.637-2.314-2.187-3a8 8 0 1 1 12.49.002c-.55.685-1.888 1.726-2.185 2.998H7.94zM16 20v1a2 2 0 0 1-2 2h-4a2 2 0 0 1-2-2v-1h8zm-3-9.995V6l-4.5 6.005H11v4l4.5-6H13z'/%3E%3C/svg%3E");
}
.vft-md-container .hint-container.tip code {
  background: var(--vft-md-container-tip-code-bg-color);
}
.vft-md-container .hint-container.warning {
  border-color: var(--vft-md-container-warning-border-color);
  background: var(--vft-md-container-warning-bg-color);
}
.vft-md-container .hint-container.warning > .hint-container-title {
  color: var(--vft-md-container-warning-title-color);
}
.vft-md-container .hint-container.warning > .hint-container-title::before {
  background-image: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1024 1024'%3E%3Cpath d='M576.286 752.57v-95.425q0-7.031-4.771-11.802t-11.3-4.772h-96.43q-6.528 0-11.3 4.772t-4.77 11.802v95.424q0 7.031 4.77 11.803t11.3 4.77h96.43q6.528 0 11.3-4.77t4.77-11.803zm-1.005-187.836 9.04-230.524q0-6.027-5.022-9.543-6.529-5.524-12.053-5.524H456.754q-5.524 0-12.053 5.524-5.022 3.516-5.022 10.547l8.538 229.52q0 5.023 5.022 8.287t12.053 3.265h92.913q7.032 0 11.803-3.265t5.273-8.287zM568.25 95.65l385.714 707.142q17.578 31.641-1.004 63.282-8.538 14.564-23.354 23.102t-31.892 8.538H126.286q-17.076 0-31.892-8.538T71.04 866.074q-18.582-31.641-1.004-63.282L455.75 95.65q8.538-15.57 23.605-24.61T512 62t32.645 9.04 23.605 24.61z' fill='%23e6a700'/%3E%3C/svg%3E");
}
.vft-md-container .hint-container.warning code {
  background: var(--vft-md-container-warning-code-bg-color);
}
.vft-md-container .hint-container.danger {
  border-color: var(--vft-md-container-danger-border-color);
  background: var(--vft-md-container-danger-bg-color);
}
.vft-md-container .hint-container.danger > .hint-container-title {
  color: var(--vft-md-container-danger-title-color);
}
.vft-md-container .hint-container.danger > .hint-container-title::before {
  background-image: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2c5.523 0 10 4.477 10 10v3.764a2 2 0 0 1-1.106 1.789L18 19v1a3 3 0 0 1-2.824 2.995L14.95 23a2.5 2.5 0 0 0 .044-.33L15 22.5V22a2 2 0 0 0-1.85-1.995L13 20h-2a2 2 0 0 0-1.995 1.85L9 22v.5c0 .171.017.339.05.5H9a3 3 0 0 1-3-3v-1l-2.894-1.447A2 2 0 0 1 2 15.763V12C2 6.477 6.477 2 12 2zm-4 9a2 2 0 1 0 0 4 2 2 0 0 0 0-4zm8 0a2 2 0 1 0 0 4 2 2 0 0 0 0-4z' fill='%23e13238'/%3E%3C/svg%3E");
}
.vft-md-container .hint-container.danger code {
  background: var(--vft-md-container-danger-code-bg-color);
}
.vft-md-container .hint-container.details {
  display: block;
  position: relative;
  margin: 1.6em 0;
  padding: 1.5rem;
  transition: background var(--vft-transition-color), color var(--vft-transition-color);
  border-radius: 0.5rem;
  background: var(--vft-md-container-detail-bg-color);
  color: var(--vft-md-container-detail-text-color);
}
@media print {
  .vft-md-container .hint-container.details {
    display: none;
  }
}
.vft-md-container .hint-container.details h4 {
  margin-top: 0;
}
.vft-md-container .hint-container.details figure:last-child,
.vft-md-container .hint-container.details p:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
}
.vft-md-container .hint-container.details a {
  color: var(--vft-md-container-primary-color);
}
.vft-md-container .hint-container.details code {
  background: var(--vft-md-container-detail-code-bg-color);
}
.vft-md-container .hint-container.details summary {
  position: relative;
  margin: -1.5rem;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  padding-inline-start: 4rem;
  padding-inline-end: 1.5rem;
  list-style: none;
  cursor: pointer;
}
.vft-md-container .hint-container.details summary::-webkit-details-marker, .vft-md-container .hint-container.details summary::marker {
  color: transparent;
  font-size: 0;
}
.vft-md-container .hint-container.details summary::before, .vft-md-container .hint-container.details summary::after {
  content: " ";
  position: absolute;
  top: calc(50% - 0.75rem);
  left: 1.5rem;
  inset-inline-start: 1.5rem;
  width: 1.5rem;
  height: 1.5rem;
}
@media print {
  .vft-md-container .hint-container.details summary::before, .vft-md-container .hint-container.details summary::after {
    display: block;
  }
}
.vft-md-container .hint-container.details summary::before {
  transition: background var(--vft-transition-color), transform var(--vft-transition-color);
  border-radius: 50%;
  background: #ccc;
}
.vft-md-container .hint-container.details summary::after {
  transform: rotate(90deg);
  transition: transform var(--vft-transition-color);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='rgba(0,0,0,0.5)' d='M7.41 15.41L12 10.83l4.59 4.58L18 14l-6-6-6 6z'/%3E%3C/svg%3E");
  line-height: normal;
}
.vft-md-container .hint-container.details[open] summary {
  margin-bottom: 0.5em;
}
.vft-md-container .hint-container.details[open] summary::after {
  transform: rotate(180deg);
}

.vft-md-container input[type=checkbox].task-list-item-checkbox {
  position: relative;
  width: 0;
  margin-inline-end: 1.5em;
  cursor: pointer;
}
.vft-md-container input[type=checkbox].task-list-item-checkbox::after {
  content: " ";
  display: inline-block;
  visibility: visible;
  position: absolute;
  top: 0;
  box-sizing: border-box;
  width: 1em;
  height: 1em;
  padding-inline-start: 0;
  transition: background var(--t-color, 0.3s ease), border-color var(--t-color, 0.3s ease);
  border: 0.0625rem solid #ddd;
  border-radius: 0.125rem;
  background: #fff;
  text-align: center;
}
.vft-md-container input[type=checkbox].task-list-item-checkbox:checked::after {
  content: "";
  border-color: #3eaf7c;
  background: #3eaf7c;
}
.vft-md-container input[type=checkbox].task-list-item-checkbox:checked::before {
  content: "";
  position: absolute;
  z-index: 1;
  top: 0.1875rem;
  left: 0.4em;
  width: 0.25rem;
  height: 0.5625rem;
  transform: rotate(45deg);
  border: solid white;
  border-width: 0 0.15em 0.15em 0;
  inset-inline-start: 0.4em;
}
.vft-md-container input[type=checkbox i] {
  margin: 0.1875rem 0.1875rem 0.1875rem 0.25rem;
  padding: initial;
  border: initial;
  background-color: initial;
  cursor: default;
}

.vft-md-container figure {
  display: flex;
  position: relative;
  flex-direction: column;
  width: auto;
  margin: 1rem auto;
  transition: transform var(--t-transform, 0.3s ease);
  text-align: center;
}
.vft-md-container figure img {
  margin: 0 auto;
  overflow: hidden;
  border-radius: 0.5rem;
}
.vft-md-container figure img[tabindex]:hover, .vft-md-container figure img[tabindex]:focus {
  box-shadow: 0.125rem 0.125rem 0.625rem 0 var(--card-shadow);
}
.vft-md-container figure > a .external-link-icon {
  display: none;
}
.vft-md-container figure figcaption {
  display: inline-block;
  margin: 0.375rem auto;
  font-size: 0.8rem;
}

.vft-md-container__content h1 {
  display: none;
}

.vft-md-container h2,
.vft-md-container h3 {
  border-bottom: none;
}
.vft-md-container h2 {
  font-size: 1.375rem;
}
.vft-md-container h3 {
  font-size: 1.125rem;
}

:root {
  --vft-md-container-primary-color: var(--vft-primary-color);
  --vft-md-container-content-max-width: 50rem;
  --vft-md-container-line-numbers-width: 2.5rem;
  --vft-md-container-icon-copy: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' height='20' width='20' stroke='rgba(128,128,128,1)' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M9 5H7a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V7a2 2 0 0 0-2-2h-2M9 5a2 2 0 0 0 2 2h2a2 2 0 0 0 2-2M9 5a2 2 0 0 1 2-2h2a2 2 0 0 1 2 2'/%3E%3C/svg%3E");
  --vft-md-container-icon-copied: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' height='20' width='20' stroke='rgba(128,128,128,1)' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M9 5H7a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V7a2 2 0 0 0-2-2h-2M9 5a2 2 0 0 0 2 2h2a2 2 0 0 0 2-2M9 5a2 2 0 0 1 2-2h2a2 2 0 0 1 2 2m-6 9 2 2 4-4'/%3E%3C/svg%3E");
  --vft-md-container-info-title-color: #193c47;
  --vft-md-container-info-bg-color: #eef9fd;
  --vft-md-container-info-border-color: #4cb3d4;
  --vft-md-container-info-code-bg-color: rgba(76, 179, 212, 0.1);
  --vft-md-container-note-title-color: #474748;
  --vft-md-container-note-bg-color: #fdfdfe;
  --vft-md-container-note-border-color: #ccc;
  --vft-md-container-note-code-bg-color: rgba(212, 213, 216, 0.2);
  --vft-md-container-tip-title-color: #003100;
  --vft-md-container-tip-bg-color: #e6f6e6;
  --vft-md-container-tip-border-color: #009400;
  --vft-md-container-tip-code-bg-color: rgba(0, 148, 0, 0.15);
  --vft-md-container-warning-title-color: #4d3800;
  --vft-md-container-warning-bg-color: #fff8e6;
  --vft-md-container-warning-border-color: #e6a700;
  --vft-md-container-warning-code-bg-color: rgba(230, 167, 0, 0.15);
  --vft-md-container-danger-title-color: #4b1113;
  --vft-md-container-danger-bg-color: #ffebec;
  --vft-md-container-danger-border-color: #e13238;
  --vft-md-container-danger-code-bg-color: rgba(225, 50, 56, 0.15);
  --vft-md-container-detail-bg-color: #eee;
  --vft-md-container-detail-text-color: inherit;
  --vft-md-container-detail-code-bg-color: rgba(127, 127, 127, 0.15);
  --vft-md-container-code-color: #ff502c;
  --vft-md-container-code-bg-color: #fff5f5;
}

/* stylelint-disable no-invalid-position-at-import-rule */
.vft-md-container {
  position: relative;
}
.vft-md-container .toc-side-menu {
  position: fixed;
  z-index: 1;
  top: 14.375rem;
  left: calc(var(--vft-md-container-content-max-width) + 3.75rem + 16.25rem);
  max-height: calc(100vh - 17.5rem);
  border-right: none;
  background-color: transparent;
}
.vft-md-container .toc-side-menu .vft-menu {
  height: auto !important;
  background-color: transparent;
}
.vft-md-container .toc-side-menu .vft-menu-item,
.vft-md-container .toc-side-menu .vft-sub-menu__title {
  height: 1.75rem;
  border-left: 0.0625rem solid var(--vft-border-color-lighter);
  line-height: 1;
}
.vft-md-container .toc-side-menu .vft-menu-item.is-active,
.vft-md-container .toc-side-menu .vft-sub-menu__title.is-active {
  border-left: 0.0625rem solid var(--vft-primary-color);
}
.vft-md-container .toc-side-menu .icon-arrow-down {
  display: none;
}
.vft-md-container__header {
  position: sticky;
  z-index: 10;
  top: 0;
  min-width: 18.75rem;
  max-width: var(--vft-md-container-content-max-width);
  padding: 1.25rem 1.875rem;
  background: inherit;
}
.vft-md-container__title {
  padding-top: 0.625rem !important;
}

.vft-md-container__header .info-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 1.25rem 0;
}
.vft-md-container__header .info-container .left {
  display: flex;
  align-items: center;
}
.vft-md-container__header .info-container .left .icon-category {
  margin-right: 0.5rem;
}
.vft-md-container__header .info-container .left .tag {
  margin-right: 0.3125rem;
  cursor: pointer;
}
.vft-md-container__header .info-container .infos {
  display: flex;
  justify-content: flex-start;
  color: var(--vft-info-color-light);
  font-size: 0.75rem;
}
.vft-md-container__header .info-container .infos .vft-icon {
  color: inherit;
  font-size: inherit !important;
}

.vft-md-container__content {
  min-width: 18.75rem;
  max-width: var(--vft-md-container-content-max-width);
  padding: 0 1.875rem 1.25rem;
}

.vft-md-container .demo-container {
  border: var(--vft-border);
}
.vft-md-container .demo-container .demo {
  padding: 1.25rem 1.25rem 1.875rem;
}
.vft-md-container .demo-container .demo .action {
  position: relative;
}
.vft-md-container .demo-container .demo .action .expand {
  position: absolute;
  right: -0.3125rem;
  bottom: -1.75rem;
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 0.25rem;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}
.vft-md-container .demo-container .demo .action .expand:hover {
  background-color: #c3def3;
}
.vft-md-container .demo-container div.language-vue {
  visibility: hidden;
  height: 0;
  transition: opacity 0.3s ease;
}
.vft-md-container .demo-container div.language-vue pre {
  margin: 0 0 0 var(--vft-md-container-line-numbers-width) !important;
}
.vft-md-container .demo-container div.language-vue .copy {
  visibility: visible;
  top: -2.625rem;
  right: 3.75rem;
  opacity: 1;
}
.vft-md-container p {
  margin: 1rem 0;
  font-size: 1rem;
  line-height: 1.375rem;
}
.vft-md-container hr {
  margin: 0.5rem 0;
  transition: border-top-color 0.3s ease;
  border: 0;
  border-top: 0.0625rem solid var(--vft-border-color);
}
.vft-md-container .header-anchor {
  transition: opacity 0.3s;
  opacity: 0;
  text-decoration: none;
}
.vft-md-container img {
  display: block;
  max-width: 100%;
  margin: 0.5rem 0;
  border-radius: 0.25rem;
}
.vft-md-container em {
  font-size: 0.75rem;
  line-height: 1.25rem;
}
.vft-md-container pre {
  margin: 0.8125rem 0;
  padding: 1rem;
  overflow: auto;
  border-radius: 0.375rem;
  line-height: 1.375;
}
.vft-md-container summary {
  margin-bottom: 0.3125rem;
  cursor: pointer;
}
.vft-md-container .reading {
  display: flex;
  align-items: center;
  margin-left: 0.625rem;
  font-size: 0.875rem;
}
.vft-md-container .icon-reading {
  width: 1em;
  height: 1em;
  background-color: currentcolor;
  -webkit-mask: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="48" height="48" viewBox="0 0 48 48"%3E%3Cpath fill="%235C6BC0" d="M40 40c-6.9 0-16 4-16 4V22s9-4 18-4l-2 22z"%2F%3E%3Cpath fill="%237986CB" d="M8 40c6.9 0 16 4 16 4V22s-9-4-18-4l2 22z"%2F%3E%3Cg fill="%23FFB74D"%3E%3Ccircle cx="24" cy="12" r="8"%2F%3E%3Cpath d="M41 32h1c.6 0 1-.4 1-1v-4c0-.6-.4-1-1-1h-1c-1.7 0-3 1.3-3 3s1.3 3 3 3zM7 26H6c-.6 0-1 .4-1 1v4c0 .6.4 1 1 1h1c1.7 0 3-1.3 3-3s-1.3-3-3-3z"%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E') no-repeat;
          mask: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="48" height="48" viewBox="0 0 48 48"%3E%3Cpath fill="%235C6BC0" d="M40 40c-6.9 0-16 4-16 4V22s9-4 18-4l-2 22z"%2F%3E%3Cpath fill="%237986CB" d="M8 40c6.9 0 16 4 16 4V22s-9-4-18-4l2 22z"%2F%3E%3Cg fill="%23FFB74D"%3E%3Ccircle cx="24" cy="12" r="8"%2F%3E%3Cpath d="M41 32h1c.6 0 1-.4 1-1v-4c0-.6-.4-1-1-1h-1c-1.7 0-3 1.3-3 3s1.3 3 3 3zM7 26H6c-.6 0-1 .4-1 1v4c0 .6.4 1 1 1h1c1.7 0 3-1.3 3-3s-1.3-3-3-3z"%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E') no-repeat;
  -webkit-mask-size: 100% 100%;
          mask-size: 100% 100%;
}
.vft-md-container .icon-category {
  width: 1em;
  height: 1em;
  background-color: currentcolor;
  -webkit-mask: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="24" height="24" viewBox="0 0 24 24"%3E%3Cpath fill="currentColor" d="M10 3H4a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1V4a1 1 0 0 0-1-1zM9 9H5V5h4v4zm11-6h-6a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1V4a1 1 0 0 0-1-1zm-1 6h-4V5h4v4zm-9 4H4a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1v-6a1 1 0 0 0-1-1zm-1 6H5v-4h4v4zm8-6c-2.206 0-4 1.794-4 4s1.794 4 4 4s4-1.794 4-4s-1.794-4-4-4zm0 6c-1.103 0-2-.897-2-2s.897-2 2-2s2 .897 2 2s-.897 2-2 2z"%2F%3E%3C%2Fsvg%3E') no-repeat;
          mask: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="24" height="24" viewBox="0 0 24 24"%3E%3Cpath fill="currentColor" d="M10 3H4a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1V4a1 1 0 0 0-1-1zM9 9H5V5h4v4zm11-6h-6a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1V4a1 1 0 0 0-1-1zm-1 6h-4V5h4v4zm-9 4H4a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1v-6a1 1 0 0 0-1-1zm-1 6H5v-4h4v4zm8-6c-2.206 0-4 1.794-4 4s1.794 4 4 4s4-1.794 4-4s-1.794-4-4-4zm0 6c-1.103 0-2-.897-2-2s.897-2 2-2s2 .897 2 2s-.897 2-2 2z"%2F%3E%3C%2Fsvg%3E') no-repeat;
  -webkit-mask-size: 100% 100%;
          mask-size: 100% 100%;
}
.vft-md-container .icon-date {
  width: 1em;
  height: 1em;
  background-color: currentcolor;
  -webkit-mask: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="20" height="20" viewBox="0 0 20 20"%3E%3Cpath fill="currentColor" d="M5.673 0a.7.7 0 0 1 .7.7v1.309h7.517v-1.3a.7.7 0 0 1 1.4 0v1.3H18a2 2 0 0 1 2 1.999v13.993A2 2 0 0 1 18 20H2a2 2 0 0 1-2-1.999V4.008a2 2 0 0 1 2-1.999h2.973V.699a.7.7 0 0 1 .7-.699ZM1.4 7.742v10.259a.6.6 0 0 0 .6.6h16a.6.6 0 0 0 .6-.6V7.756L1.4 7.742Zm5.267 6.877v1.666H5v-1.666h1.667Zm4.166 0v1.666H9.167v-1.666h1.666Zm4.167 0v1.666h-1.667v-1.666H15Zm-8.333-3.977v1.666H5v-1.666h1.667Zm4.166 0v1.666H9.167v-1.666h1.666Zm4.167 0v1.666h-1.667v-1.666H15ZM4.973 3.408H2a.6.6 0 0 0-.6.6v2.335l17.2.014V4.008a.6.6 0 0 0-.6-.6h-2.71v.929a.7.7 0 0 1-1.4 0v-.929H6.373v.92a.7.7 0 0 1-1.4 0v-.92Z"%2F%3E%3C%2Fsvg%3E') no-repeat;
          mask: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="20" height="20" viewBox="0 0 20 20"%3E%3Cpath fill="currentColor" d="M5.673 0a.7.7 0 0 1 .7.7v1.309h7.517v-1.3a.7.7 0 0 1 1.4 0v1.3H18a2 2 0 0 1 2 1.999v13.993A2 2 0 0 1 18 20H2a2 2 0 0 1-2-1.999V4.008a2 2 0 0 1 2-1.999h2.973V.699a.7.7 0 0 1 .7-.699ZM1.4 7.742v10.259a.6.6 0 0 0 .6.6h16a.6.6 0 0 0 .6-.6V7.756L1.4 7.742Zm5.267 6.877v1.666H5v-1.666h1.667Zm4.166 0v1.666H9.167v-1.666h1.666Zm4.167 0v1.666h-1.667v-1.666H15Zm-8.333-3.977v1.666H5v-1.666h1.667Zm4.166 0v1.666H9.167v-1.666h1.666Zm4.167 0v1.666h-1.667v-1.666H15ZM4.973 3.408H2a.6.6 0 0 0-.6.6v2.335l17.2.014V4.008a.6.6 0 0 0-.6-.6h-2.71v.929a.7.7 0 0 1-1.4 0v-.929H6.373v.92a.7.7 0 0 1-1.4 0v-.92Z"%2F%3E%3C%2Fsvg%3E') no-repeat;
  -webkit-mask-size: 100% 100%;
          mask-size: 100% 100%;
}
.vft-md-container .icon-jsfiddle {
  width: 1em;
  height: 1em;
  background-color: currentcolor;
  -webkit-mask: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="32" height="32" viewBox="0 0 32 32"%3E%3Cpath fill="currentColor" d="M28.104 15a6.49 6.49 0 0 0 .027-.557c0-5.177-4.256-9.375-9.511-9.375a9.513 9.513 0 0 0-8.589 5.344a4.388 4.388 0 0 0-2.676-.907c-2.428 0-4.391 1.932-4.391 4.317c0 .453.067.885.197 1.292A6.31 6.31 0 0 0 0 20.573c0 3.468 2.833 6.287 6.344 6.339h19c.12 0 .24.02.359.02c3.48 0 6.303-2.776 6.303-6.219A6.214 6.214 0 0 0 28.126 15zM8.588 22.136c-.64-.579-1.041-1.276-1.197-2.105a4.481 4.481 0 0 1-.084-.869c0-1.183.433-2.151 1.292-2.916c.86-.772 1.948-1.157 3.271-1.157c1.36 0 2.641.511 3.776 1.532c.281.249.557.536.819.853l1.453 1.715c.255.343.52.635.801.891c.751.671 1.563 1.009 2.251 1.009c.583 0 1.067-.181 1.457-.536c.328-.307.537-.719.579-1.167l.011-.197c0-.188-.032-.376-.089-.552a2.034 2.034 0 0 0-1.973-1.339c-.724 0-1.443.244-2.235 1.009l-1.287-1.52l-.14-.172c1.14-1.104 2.26-1.521 3.781-1.521c1.339 0 2.437.38 3.249 1.141l.027.02c.859.761 1.276 1.74 1.276 2.943c0 .281-.021.584-.079.839c-.161.824-.563 1.5-1.183 2.084a4.312 4.312 0 0 1-2.276 1.077a6.538 6.538 0 0 1-.943.057c-1.375 0-2.676-.5-3.776-1.495a8.493 8.493 0 0 1-.859-.921l-1.459-1.699a5.352 5.352 0 0 0-.781-.9c-.74-.677-1.557-1-2.276-1c-.208 0-.416.031-.62.083c-.312.079-.604.24-.839.459a1.828 1.828 0 0 0-.583 1.344c0 .515.183.957.563 1.312l.02.027c.401.359.901.536 1.48.536c.739 0 1.457-.26 2.235-1.021l1.28 1.5l.141.161c-1.161 1.12-2.276 1.537-3.74 1.537c-1.339 0-2.437-.38-3.276-1.141z"%2F%3E%3C%2Fsvg%3E') no-repeat;
          mask: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="32" height="32" viewBox="0 0 32 32"%3E%3Cpath fill="currentColor" d="M28.104 15a6.49 6.49 0 0 0 .027-.557c0-5.177-4.256-9.375-9.511-9.375a9.513 9.513 0 0 0-8.589 5.344a4.388 4.388 0 0 0-2.676-.907c-2.428 0-4.391 1.932-4.391 4.317c0 .453.067.885.197 1.292A6.31 6.31 0 0 0 0 20.573c0 3.468 2.833 6.287 6.344 6.339h19c.12 0 .24.02.359.02c3.48 0 6.303-2.776 6.303-6.219A6.214 6.214 0 0 0 28.126 15zM8.588 22.136c-.64-.579-1.041-1.276-1.197-2.105a4.481 4.481 0 0 1-.084-.869c0-1.183.433-2.151 1.292-2.916c.86-.772 1.948-1.157 3.271-1.157c1.36 0 2.641.511 3.776 1.532c.281.249.557.536.819.853l1.453 1.715c.255.343.52.635.801.891c.751.671 1.563 1.009 2.251 1.009c.583 0 1.067-.181 1.457-.536c.328-.307.537-.719.579-1.167l.011-.197c0-.188-.032-.376-.089-.552a2.034 2.034 0 0 0-1.973-1.339c-.724 0-1.443.244-2.235 1.009l-1.287-1.52l-.14-.172c1.14-1.104 2.26-1.521 3.781-1.521c1.339 0 2.437.38 3.249 1.141l.027.02c.859.761 1.276 1.74 1.276 2.943c0 .281-.021.584-.079.839c-.161.824-.563 1.5-1.183 2.084a4.312 4.312 0 0 1-2.276 1.077a6.538 6.538 0 0 1-.943.057c-1.375 0-2.676-.5-3.776-1.495a8.493 8.493 0 0 1-.859-.921l-1.459-1.699a5.352 5.352 0 0 0-.781-.9c-.74-.677-1.557-1-2.276-1c-.208 0-.416.031-.62.083c-.312.079-.604.24-.839.459a1.828 1.828 0 0 0-.583 1.344c0 .515.183.957.563 1.312l.02.027c.401.359.901.536 1.48.536c.739 0 1.457-.26 2.235-1.021l1.28 1.5l.141.161c-1.161 1.12-2.276 1.537-3.74 1.537c-1.339 0-2.437-.38-3.276-1.141z"%2F%3E%3C%2Fsvg%3E') no-repeat;
  -webkit-mask-size: 100% 100%;
          mask-size: 100% 100%;
}
.vft-md-container .icon-codepen {
  width: 1em;
  height: 1em;
  background-color: currentcolor;
  -webkit-mask: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="24" height="24" viewBox="0 0 24 24"%3E%3Cpath fill="currentColor" d="m8.21 12l-1.33.89v-1.78l1.33.89m3.26-2.18V7.34l-4.16 2.78l1.85 1.24l2.31-1.54m5.23.3l-4.17-2.78v2.48l2.31 1.54l1.86-1.24m-9.39 3.76l4.16 2.78v-2.48l-2.31-1.54l-1.85 1.24m5.22.3v2.48l4.17-2.78l-1.86-1.24l-2.31 1.54M12 10.74L10.12 12L12 13.26L13.88 12L12 10.74M22 12c0 5.5-4.5 10-10 10S2 17.5 2 12S6.5 2 12 2s10 4.5 10 10m-3.82-1.88v-.07l-.01-.05l-.01-.05c-.01-.01-.01-.02-.02-.04l-.01-.02l-.02-.04l-.01-.02l-.02-.03l-.02-.03l-.03-.03l-.03-.02V9.7l-.04-.02l-.01-.01l-5.65-3.76a.528.528 0 0 0-.59 0L6.05 9.67v.01L6 9.7v.02l-.03.02l-.03.03l-.01.03l-.03.03l-.01.02l-.02.04l-.01.02l-.02.04V10h-.01l-.01.05v3.9l.01.05h.01v.05c.01.01.01.02.02.04l.01.02l.02.04l.01.02l.02.03l.02.03l.03.03l.03.02v.02l.04.02l.01.01l5.66 3.77c.08.06.19.08.29.08c.1 0 .21-.03.3-.08l5.65-3.77l.01-.01l.04-.02v-.02l.03-.02l.03-.03l.02-.03l.02-.03l.01-.02l.02-.04l.01-.02l.02-.04V14h.01l.01-.05v-3.83m-1.06 2.77v-1.78l-1.33.89l1.33.89Z"%2F%3E%3C%2Fsvg%3E') no-repeat;
          mask: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="24" height="24" viewBox="0 0 24 24"%3E%3Cpath fill="currentColor" d="m8.21 12l-1.33.89v-1.78l1.33.89m3.26-2.18V7.34l-4.16 2.78l1.85 1.24l2.31-1.54m5.23.3l-4.17-2.78v2.48l2.31 1.54l1.86-1.24m-9.39 3.76l4.16 2.78v-2.48l-2.31-1.54l-1.85 1.24m5.22.3v2.48l4.17-2.78l-1.86-1.24l-2.31 1.54M12 10.74L10.12 12L12 13.26L13.88 12L12 10.74M22 12c0 5.5-4.5 10-10 10S2 17.5 2 12S6.5 2 12 2s10 4.5 10 10m-3.82-1.88v-.07l-.01-.05l-.01-.05c-.01-.01-.01-.02-.02-.04l-.01-.02l-.02-.04l-.01-.02l-.02-.03l-.02-.03l-.03-.03l-.03-.02V9.7l-.04-.02l-.01-.01l-5.65-3.76a.528.528 0 0 0-.59 0L6.05 9.67v.01L6 9.7v.02l-.03.02l-.03.03l-.01.03l-.03.03l-.01.02l-.02.04l-.01.02l-.02.04V10h-.01l-.01.05v3.9l.01.05h.01v.05c.01.01.01.02.02.04l.01.02l.02.04l.01.02l.02.03l.02.03l.03.03l.03.02v.02l.04.02l.01.01l5.66 3.77c.08.06.19.08.29.08c.1 0 .21-.03.3-.08l5.65-3.77l.01-.01l.04-.02v-.02l.03-.02l.03-.03l.02-.03l.02-.03l.01-.02l.02-.04l.01-.02l.02-.04V14h.01l.01-.05v-3.83m-1.06 2.77v-1.78l-1.33.89l1.33.89Z"%2F%3E%3C%2Fsvg%3E') no-repeat;
  -webkit-mask-size: 100% 100%;
          mask-size: 100% 100%;
}
.vft-md-container .icon-expand-alt {
  width: 1em;
  height: 1em;
  background-color: currentcolor;
  -webkit-mask: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="24" height="24" viewBox="0 0 24 24"%3E%3Cpath fill="currentColor" d="M5 12H3v9h9v-2H5zm7-7h7v7h2V3h-9z"%2F%3E%3C%2Fsvg%3E') no-repeat;
          mask: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="24" height="24" viewBox="0 0 24 24"%3E%3Cpath fill="currentColor" d="M5 12H3v9h9v-2H5zm7-7h7v7h2V3h-9z"%2F%3E%3C%2Fsvg%3E') no-repeat;
  -webkit-mask-size: 100% 100%;
          mask-size: 100% 100%;
}
.vft-md-container .icon-collapse-alt {
  width: 1em;
  height: 1em;
  background-color: currentcolor;
  -webkit-mask: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="24" height="24" viewBox="0 0 24 24"%3E%3Cpath fill="currentColor" d="M2 15h7v7h2v-9H2v2zM15 2h-2v9h9V9h-7V2z"%2F%3E%3C%2Fsvg%3E') no-repeat;
          mask: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="24" height="24" viewBox="0 0 24 24"%3E%3Cpath fill="currentColor" d="M2 15h7v7h2v-9H2v2zM15 2h-2v9h9V9h-7V2z"%2F%3E%3C%2Fsvg%3E') no-repeat;
  -webkit-mask-size: 100% 100%;
          mask-size: 100% 100%;
}
.vft-md-container .icon-clock {
  width: 1em;
  height: 1em;
  background-color: currentcolor;
  -webkit-mask: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="M512 896a384 384 0 1 0 0-768a384 384 0 0 0 0 768zm0 64a448 448 0 1 1 0-896a448 448 0 0 1 0 896z"%2F%3E%3Cpath fill="currentColor" d="M480 256a32 32 0 0 1 32 32v256a32 32 0 0 1-64 0V288a32 32 0 0 1 32-32z"%2F%3E%3Cpath fill="currentColor" d="M480 512h256q32 0 32 32t-32 32H480q-32 0-32-32t32-32z"%2F%3E%3C%2Fsvg%3E') no-repeat;
          mask: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="M512 896a384 384 0 1 0 0-768a384 384 0 0 0 0 768zm0 64a448 448 0 1 1 0-896a448 448 0 0 1 0 896z"%2F%3E%3Cpath fill="currentColor" d="M480 256a32 32 0 0 1 32 32v256a32 32 0 0 1-64 0V288a32 32 0 0 1 32-32z"%2F%3E%3Cpath fill="currentColor" d="M480 512h256q32 0 32 32t-32 32H480q-32 0-32-32t32-32z"%2F%3E%3C%2Fsvg%3E') no-repeat;
  -webkit-mask-size: 100% 100%;
          mask-size: 100% 100%;
}
.vft-md-container .icon-calendar {
  width: 1em;
  height: 1em;
  background-color: currentcolor;
  -webkit-mask: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="M128 384v512h768V192H768v32a32 32 0 1 1-64 0v-32H320v32a32 32 0 0 1-64 0v-32H128v128h768v64H128zm192-256h384V96a32 32 0 1 1 64 0v32h160a32 32 0 0 1 32 32v768a32 32 0 0 1-32 32H96a32 32 0 0 1-32-32V160a32 32 0 0 1 32-32h160V96a32 32 0 0 1 64 0v32zm-32 384h64a32 32 0 0 1 0 64h-64a32 32 0 0 1 0-64zm0 192h64a32 32 0 1 1 0 64h-64a32 32 0 1 1 0-64zm192-192h64a32 32 0 0 1 0 64h-64a32 32 0 0 1 0-64zm0 192h64a32 32 0 1 1 0 64h-64a32 32 0 1 1 0-64zm192-192h64a32 32 0 1 1 0 64h-64a32 32 0 1 1 0-64zm0 192h64a32 32 0 1 1 0 64h-64a32 32 0 1 1 0-64z"%2F%3E%3C%2Fsvg%3E') no-repeat;
          mask: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="M128 384v512h768V192H768v32a32 32 0 1 1-64 0v-32H320v32a32 32 0 0 1-64 0v-32H128v128h768v64H128zm192-256h384V96a32 32 0 1 1 64 0v32h160a32 32 0 0 1 32 32v768a32 32 0 0 1-32 32H96a32 32 0 0 1-32-32V160a32 32 0 0 1 32-32h160V96a32 32 0 0 1 64 0v32zm-32 384h64a32 32 0 0 1 0 64h-64a32 32 0 0 1 0-64zm0 192h64a32 32 0 1 1 0 64h-64a32 32 0 1 1 0-64zm192-192h64a32 32 0 0 1 0 64h-64a32 32 0 0 1 0-64zm0 192h64a32 32 0 1 1 0 64h-64a32 32 0 1 1 0-64zm192-192h64a32 32 0 1 1 0 64h-64a32 32 0 1 1 0-64zm0 192h64a32 32 0 1 1 0 64h-64a32 32 0 1 1 0-64z"%2F%3E%3C%2Fsvg%3E') no-repeat;
  -webkit-mask-size: 100% 100%;
          mask-size: 100% 100%;
}.vft-fade-in-linear-enter-active,
.vft-fade-in-linear-leave-active {
  transition: var(--vft-transition-fade-linear);
}

.vft-fade-in-linear-enter-from,
.vft-fade-in-linear-leave-to {
  opacity: 0;
}

.vft-fade-in-enter-active,
.vft-fade-in-leave-active {
  transition: all var(--vft-transition-duration) cubic-bezier(0.55, 0, 0.1, 1);
}

.vft-fade-in-enter-from,
.vft-fade-in-leave-active {
  opacity: 0;
}

.vft-zoom-in-center-enter-active,
.vft-zoom-in-center-leave-active {
  transition: all var(--vft-transition-duration) cubic-bezier(0.55, 0, 0.1, 1);
}

.vft-zoom-in-center-enter-from,
.vft-zoom-in-center-leave-active {
  transform: scaleX(0);
  opacity: 0;
}

.vft-zoom-in-top-enter-active,
.vft-zoom-in-top-leave-active {
  transition: var(--vft-transition-md-fade);
  transform: scaleY(1);
  transform-origin: center top;
  opacity: 1;
}
.vft-zoom-in-top-enter-active[data-popper-placement^=top],
.vft-zoom-in-top-leave-active[data-popper-placement^=top] {
  transform-origin: center bottom;
}

.vft-zoom-in-top-enter-from,
.vft-zoom-in-top-leave-active {
  transform: scaleY(0);
  opacity: 0;
}

.vft-zoom-in-top-fast-enter-active {
  transition: var(--vft-transition-md-fade);
  transform: scaleY(1);
  transform-origin: center top;
  opacity: 1;
}
.vft-zoom-in-top-fast-enter-active[data-popper-placement^=top] {
  transform-origin: center bottom;
}

.vft-zoom-in-top-fast-leave-active {
  transform: scaleY(1);
  transform-origin: center top;
  opacity: 1;
}
.vft-zoom-in-top-fast-leave-active[data-popper-placement^=top] {
  transform-origin: center bottom;
}

.vft-zoom-in-top-fast-enter-from,
.vft-zoom-in-top-fast-leave-active {
  transform: scaleY(0);
  opacity: 0;
}

.vft-zoom-in-bottom-enter-active,
.vft-zoom-in-bottom-leave-active {
  transform: scaleY(1);
  transform-origin: center bottom;
  transition: var(--vft-transition-md-fade);
  opacity: 1;
}

.vft-zoom-in-bottom-enter-from,
.vft-zoom-in-bottom-leave-active {
  transform: scaleY(0);
  opacity: 0;
}

.vft-zoom-in-left-enter-active,
.vft-zoom-in-left-leave-active {
  transform: scale(1, 1);
  transform-origin: top left;
  transition: var(--vft-transition-md-fade);
  opacity: 1;
}

.vft-zoom-in-left-enter-from,
.vft-zoom-in-left-leave-active {
  transform: scale(0.45, 0.45);
  opacity: 0;
}

.collapse-transition {
  transition: var(--vft-transition-duration) height ease-in-out, var(--vft-transition-duration) padding-top ease-in-out, var(--vft-transition-duration) padding-bottom ease-in-out;
}

.vft-collapse-transition-leave-active,
.vft-collapse-transition-enter-active {
  transition: var(--vft-transition-duration) max-height ease-in-out, var(--vft-transition-duration) padding-top ease-in-out, var(--vft-transition-duration) padding-bottom ease-in-out;
}

.horizontal-collapse-transition {
  transition: var(--vft-transition-duration) width ease-in-out, var(--vft-transition-duration) padding-left ease-in-out, var(--vft-transition-duration) padding-right ease-in-out;
}

.vft-list-enter-active,
.vft-list-leave-active {
  transition: all 1s;
}

.vft-list-enter-from,
.vft-list-leave-to {
  transform: translateY(-1.875rem);
  opacity: 0;
}

.vft-list-leave-active {
  position: absolute !important;
}

.vft-opacity-transition {
  transition: opacity var(--vft-transition-duration) cubic-bezier(0.55, 0, 0.1, 1);
}

@keyframes vft-rotate {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes vft-loading-dot {
  33% {
    transform: translateY(-2em);
  }
  66% {
    transform: translateY(-1em);
  }
}.vft-fade-in-linear-enter-active,
.vft-fade-in-linear-leave-active {
  transition: var(--vft-transition-fade-linear);
}

.vft-fade-in-linear-enter-from,
.vft-fade-in-linear-leave-to {
  opacity: 0;
}

.vft-fade-in-enter-active,
.vft-fade-in-leave-active {
  transition: all var(--vft-transition-duration) cubic-bezier(0.55, 0, 0.1, 1);
}

.vft-fade-in-enter-from,
.vft-fade-in-leave-active {
  opacity: 0;
}

.vft-zoom-in-center-enter-active,
.vft-zoom-in-center-leave-active {
  transition: all var(--vft-transition-duration) cubic-bezier(0.55, 0, 0.1, 1);
}

.vft-zoom-in-center-enter-from,
.vft-zoom-in-center-leave-active {
  transform: scaleX(0);
  opacity: 0;
}

.vft-zoom-in-top-enter-active,
.vft-zoom-in-top-leave-active {
  transition: var(--vft-transition-md-fade);
  transform: scaleY(1);
  transform-origin: center top;
  opacity: 1;
}
.vft-zoom-in-top-enter-active[data-popper-placement^=top],
.vft-zoom-in-top-leave-active[data-popper-placement^=top] {
  transform-origin: center bottom;
}

.vft-zoom-in-top-enter-from,
.vft-zoom-in-top-leave-active {
  transform: scaleY(0);
  opacity: 0;
}

.vft-zoom-in-top-fast-enter-active {
  transition: var(--vft-transition-md-fade);
  transform: scaleY(1);
  transform-origin: center top;
  opacity: 1;
}
.vft-zoom-in-top-fast-enter-active[data-popper-placement^=top] {
  transform-origin: center bottom;
}

.vft-zoom-in-top-fast-leave-active {
  transform: scaleY(1);
  transform-origin: center top;
  opacity: 1;
}
.vft-zoom-in-top-fast-leave-active[data-popper-placement^=top] {
  transform-origin: center bottom;
}

.vft-zoom-in-top-fast-enter-from,
.vft-zoom-in-top-fast-leave-active {
  transform: scaleY(0);
  opacity: 0;
}

.vft-zoom-in-bottom-enter-active,
.vft-zoom-in-bottom-leave-active {
  transform: scaleY(1);
  transform-origin: center bottom;
  transition: var(--vft-transition-md-fade);
  opacity: 1;
}

.vft-zoom-in-bottom-enter-from,
.vft-zoom-in-bottom-leave-active {
  transform: scaleY(0);
  opacity: 0;
}

.vft-zoom-in-left-enter-active,
.vft-zoom-in-left-leave-active {
  transform: scale(1, 1);
  transform-origin: top left;
  transition: var(--vft-transition-md-fade);
  opacity: 1;
}

.vft-zoom-in-left-enter-from,
.vft-zoom-in-left-leave-active {
  transform: scale(0.45, 0.45);
  opacity: 0;
}

.collapse-transition {
  transition: var(--vft-transition-duration) height ease-in-out, var(--vft-transition-duration) padding-top ease-in-out, var(--vft-transition-duration) padding-bottom ease-in-out;
}

.vft-collapse-transition-leave-active,
.vft-collapse-transition-enter-active {
  transition: var(--vft-transition-duration) max-height ease-in-out, var(--vft-transition-duration) padding-top ease-in-out, var(--vft-transition-duration) padding-bottom ease-in-out;
}

.horizontal-collapse-transition {
  transition: var(--vft-transition-duration) width ease-in-out, var(--vft-transition-duration) padding-left ease-in-out, var(--vft-transition-duration) padding-right ease-in-out;
}

.vft-list-enter-active,
.vft-list-leave-active {
  transition: all 1s;
}

.vft-list-enter-from,
.vft-list-leave-to {
  transform: translateY(-1.875rem);
  opacity: 0;
}

.vft-list-leave-active {
  position: absolute !important;
}

.vft-opacity-transition {
  transition: opacity var(--vft-transition-duration) cubic-bezier(0.55, 0, 0.1, 1);
}

@keyframes vft-rotate {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes vft-loading-dot {
  33% {
    transform: translateY(-2em);
  }
  66% {
    transform: translateY(-1em);
  }
}
.vft-dialog {
  --vft-dialog-width: 50%;
  --vft-dialog-margin-top: 15vh;
  --vft-dialog-bg-color: var(--vft-bg-color);
  --vft-dialog-box-shadow: var(--vft-box-shadow);
  --vft-dialog-title-font-size: var(--vft-font-size-large);
  --vft-dialog-content-font-size: 0.875rem;
  --vft-dialog-font-line-height: var(--vft-font-line-height-primary);
  --vft-dialog-padding-primary: 1rem 1.5rem;
  --vft-dialog-border-radius: var(--vft-border-radius-large);
  position: relative;
  box-sizing: border-box;
  width: var(--vft-dialog-width, 50%);
  margin: var(--vft-dialog-margin-top, 15vh) auto 3.125rem;
  padding: var(--vft-dialog-padding-primary);
  border-radius: var(--vft-dialog-border-radius);
  background: var(--vft-dialog-bg-color);
  box-shadow: var(--vft-dialog-box-shadow);
  overflow-wrap: break-word;
}
.vft-dialog:focus {
  outline: none !important;
}
.vft-dialog.is-align-center {
  margin: auto;
}

.vft-dialog.is-fullscreen {
  --vft-dialog-width: 100%;
  --vft-dialog-margin-top: 0;
  height: 100%;
  margin-bottom: 0;
  overflow: auto;
  border-radius: 0;
}

.vft-dialog__wrapper {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: 0;
  overflow: auto;
}

.vft-dialog.is-draggable .vft-dialog__header {
  cursor: move;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.vft-dialog__header {
  padding-bottom: 1rem;
}
.vft-dialog__header.show-close {
  padding-right: calc(1rem + var(--vft-message-close-size, ));
}

.vft-dialog__headerbtn {
  position: absolute;
  top: 1.25rem;
  right: 1.25rem;
  color: var(--vft-text-placeholder-color);
}
.vft-dialog__headerbtn:hover {
  color: var(--vft-primary-color);
}

.vft-dialog__title {
  color: var(--vft-text-primary-color);
  font-size: var(--vft-dialog-title-font-size);
  line-height: var(--vft-dialog-font-line-height);
}

.vft-dialog__body {
  color: var(--vft-text-regular-color);
  font-size: var(--vft-dialog-content-font-size);
}

.vft-dialog__footer {
  box-sizing: border-box;
  padding-top: 1rem;
  text-align: right;
}

.vft-dialog--center {
  text-align: center;
}
.vft-dialog--center .vft-dialog__body {
  text-align: initial;
}

.vft-dialog--center .vft-dialog__footer {
  text-align: inherit;
}

.vft-dialog .icon-close {
  width: 1em;
  height: 1em;
  background-color: currentcolor;
  -webkit-mask: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="M764.288 214.592L512 466.88L259.712 214.592a31.936 31.936 0 0 0-45.12 45.12L466.752 512L214.528 764.224a31.936 31.936 0 1 0 45.12 45.184L512 557.184l252.288 252.288a31.936 31.936 0 0 0 45.12-45.12L557.12 512.064l252.288-252.352a31.936 31.936 0 1 0-45.12-45.184z"%2F%3E%3C%2Fsvg%3E') no-repeat;
          mask: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="M764.288 214.592L512 466.88L259.712 214.592a31.936 31.936 0 0 0-45.12 45.12L466.752 512L214.528 764.224a31.936 31.936 0 1 0 45.12 45.184L512 557.184l252.288 252.288a31.936 31.936 0 0 0 45.12-45.12L557.12 512.064l252.288-252.352a31.936 31.936 0 1 0-45.12-45.184z"%2F%3E%3C%2Fsvg%3E') no-repeat;
  -webkit-mask-size: 100% 100%;
          mask-size: 100% 100%;
}

.vft-modal-dialog.is-penetrable {
  pointer-events: none;
}
.vft-modal-dialog.is-penetrable .vft-dialog {
  pointer-events: auto;
}

.vft-overlay-dialog {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: auto;
}

.dialog-fade-enter-active {
  animation: modal-fade-in var(--vft-transition-duration);
}
.dialog-fade-enter-active .vft-overlay-dialog {
  animation: dialog-fade-in var(--vft-transition-duration);
}

.dialog-fade-leave-active {
  animation: modal-fade-out var(--vft-transition-duration);
}
.dialog-fade-leave-active .vft-overlay-dialog {
  animation: dialog-fade-out var(--vft-transition-duration);
}

@keyframes dialog-fade-in {
  0% {
    transform: translate3d(0, -1.25rem, 0);
    opacity: 0;
  }
  100% {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes dialog-fade-out {
  0% {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
  100% {
    transform: translate3d(0, -1.25rem, 0);
    opacity: 0;
  }
}
@keyframes modal-fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes modal-fade-out {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}.vft-fade-in-linear-enter-active,
.vft-fade-in-linear-leave-active {
  transition: var(--vft-transition-fade-linear);
}

.vft-fade-in-linear-enter-from,
.vft-fade-in-linear-leave-to {
  opacity: 0;
}

.vft-fade-in-enter-active,
.vft-fade-in-leave-active {
  transition: all var(--vft-transition-duration) cubic-bezier(0.55, 0, 0.1, 1);
}

.vft-fade-in-enter-from,
.vft-fade-in-leave-active {
  opacity: 0;
}

.vft-zoom-in-center-enter-active,
.vft-zoom-in-center-leave-active {
  transition: all var(--vft-transition-duration) cubic-bezier(0.55, 0, 0.1, 1);
}

.vft-zoom-in-center-enter-from,
.vft-zoom-in-center-leave-active {
  transform: scaleX(0);
  opacity: 0;
}

.vft-zoom-in-top-enter-active,
.vft-zoom-in-top-leave-active {
  transition: var(--vft-transition-md-fade);
  transform: scaleY(1);
  transform-origin: center top;
  opacity: 1;
}
.vft-zoom-in-top-enter-active[data-popper-placement^=top],
.vft-zoom-in-top-leave-active[data-popper-placement^=top] {
  transform-origin: center bottom;
}

.vft-zoom-in-top-enter-from,
.vft-zoom-in-top-leave-active {
  transform: scaleY(0);
  opacity: 0;
}

.vft-zoom-in-top-fast-enter-active {
  transition: var(--vft-transition-md-fade);
  transform: scaleY(1);
  transform-origin: center top;
  opacity: 1;
}
.vft-zoom-in-top-fast-enter-active[data-popper-placement^=top] {
  transform-origin: center bottom;
}

.vft-zoom-in-top-fast-leave-active {
  transform: scaleY(1);
  transform-origin: center top;
  opacity: 1;
}
.vft-zoom-in-top-fast-leave-active[data-popper-placement^=top] {
  transform-origin: center bottom;
}

.vft-zoom-in-top-fast-enter-from,
.vft-zoom-in-top-fast-leave-active {
  transform: scaleY(0);
  opacity: 0;
}

.vft-zoom-in-bottom-enter-active,
.vft-zoom-in-bottom-leave-active {
  transform: scaleY(1);
  transform-origin: center bottom;
  transition: var(--vft-transition-md-fade);
  opacity: 1;
}

.vft-zoom-in-bottom-enter-from,
.vft-zoom-in-bottom-leave-active {
  transform: scaleY(0);
  opacity: 0;
}

.vft-zoom-in-left-enter-active,
.vft-zoom-in-left-leave-active {
  transform: scale(1, 1);
  transform-origin: top left;
  transition: var(--vft-transition-md-fade);
  opacity: 1;
}

.vft-zoom-in-left-enter-from,
.vft-zoom-in-left-leave-active {
  transform: scale(0.45, 0.45);
  opacity: 0;
}

.collapse-transition {
  transition: var(--vft-transition-duration) height ease-in-out, var(--vft-transition-duration) padding-top ease-in-out, var(--vft-transition-duration) padding-bottom ease-in-out;
}

.vft-collapse-transition-leave-active,
.vft-collapse-transition-enter-active {
  transition: var(--vft-transition-duration) max-height ease-in-out, var(--vft-transition-duration) padding-top ease-in-out, var(--vft-transition-duration) padding-bottom ease-in-out;
}

.horizontal-collapse-transition {
  transition: var(--vft-transition-duration) width ease-in-out, var(--vft-transition-duration) padding-left ease-in-out, var(--vft-transition-duration) padding-right ease-in-out;
}

.vft-list-enter-active,
.vft-list-leave-active {
  transition: all 1s;
}

.vft-list-enter-from,
.vft-list-leave-to {
  transform: translateY(-1.875rem);
  opacity: 0;
}

.vft-list-leave-active {
  position: absolute !important;
}

.vft-opacity-transition {
  transition: opacity var(--vft-transition-duration) cubic-bezier(0.55, 0, 0.1, 1);
}

@keyframes vft-rotate {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes vft-loading-dot {
  33% {
    transform: translateY(-2em);
  }
  66% {
    transform: translateY(-1em);
  }
}
.vft-autocomplete {
  display: inline-block;
  position: relative;
}
.vft-autocomplete__popper.vft-popper {
  border: 0.0625rem solid var(--vft-border-color-light);
  background: var(--vft-bg-color-overlay);
  box-shadow: var(--vft-box-shadow-light);
}
.vft-autocomplete__popper.vft-popper[data-popper-placement^=top] .vft-popper__arrow::before {
  border-top-color: transparent;
  border-left-color: transparent;
}
.vft-autocomplete__popper.vft-popper[data-popper-placement^=bottom] .vft-popper__arrow::before {
  border-bottom-color: transparent;
  border-right-color: transparent;
}
.vft-autocomplete__popper.vft-popper[data-popper-placement^=left] .vft-popper__arrow::before {
  border-left-color: transparent;
  border-bottom-color: transparent;
}
.vft-autocomplete__popper.vft-popper[data-popper-placement^=right] .vft-popper__arrow::before {
  border-right-color: transparent;
  border-top-color: transparent;
}
.vft-autocomplete__popper.vft-popper .vft-popper__arrow::before {
  border: 0.0625rem solid var(--vft-border-color-light);
}

.vft-autocomplete-suggestion {
  box-sizing: border-box;
  border-radius: var(--vft-border-radius-base);
}
.vft-autocomplete-suggestion__wrap {
  box-sizing: border-box;
  max-height: 17.5rem;
  padding: 0.625rem 0;
}

.vft-autocomplete-suggestion__list {
  margin: 0;
  padding: 0;
}

.vft-autocomplete-suggestion.is-loading li {
  height: 6.25rem;
  color: var(--vft-text-secondary-color);
  font-size: 1.25rem;
  line-height: 6.25rem;
  text-align: center;
}
.vft-autocomplete-suggestion.is-loading li::after {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}

.vft-autocomplete-suggestion.is-loading li:hover {
  background-color: var(--vft-bg-color-overlay);
}
.vft-autocomplete-suggestion.is-loading .vft-icon-loading {
  vertical-align: middle;
}

.vft-autocomplete-suggestion li {
  margin: 0;
  padding: 0 1.25rem;
  overflow: hidden;
  color: var(--vft-text-regular-color);
  font-size: var(--vft-font-size-base);
  line-height: 2.125rem;
  list-style: none;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  cursor: pointer;
}
.vft-autocomplete-suggestion li:hover {
  background-color: var(--vft-fill-color-light);
}
.vft-autocomplete-suggestion li.highlighted {
  background-color: var(--vft-fill-color-light);
}
.vft-autocomplete-suggestion li.divider {
  margin-top: 0.375rem;
  border-top: 0.0625rem solid var(--vft-color-black);
}
.vft-autocomplete-suggestion li.divider:last-child {
  margin-bottom: -0.375rem;
}.vft-fade-in-linear-enter-active,
.vft-fade-in-linear-leave-active {
  transition: var(--vft-transition-fade-linear);
}

.vft-fade-in-linear-enter-from,
.vft-fade-in-linear-leave-to {
  opacity: 0;
}

.vft-fade-in-enter-active,
.vft-fade-in-leave-active {
  transition: all var(--vft-transition-duration) cubic-bezier(0.55, 0, 0.1, 1);
}

.vft-fade-in-enter-from,
.vft-fade-in-leave-active {
  opacity: 0;
}

.vft-zoom-in-center-enter-active,
.vft-zoom-in-center-leave-active {
  transition: all var(--vft-transition-duration) cubic-bezier(0.55, 0, 0.1, 1);
}

.vft-zoom-in-center-enter-from,
.vft-zoom-in-center-leave-active {
  transform: scaleX(0);
  opacity: 0;
}

.vft-zoom-in-top-enter-active,
.vft-zoom-in-top-leave-active {
  transition: var(--vft-transition-md-fade);
  transform: scaleY(1);
  transform-origin: center top;
  opacity: 1;
}
.vft-zoom-in-top-enter-active[data-popper-placement^=top],
.vft-zoom-in-top-leave-active[data-popper-placement^=top] {
  transform-origin: center bottom;
}

.vft-zoom-in-top-enter-from,
.vft-zoom-in-top-leave-active {
  transform: scaleY(0);
  opacity: 0;
}

.vft-zoom-in-top-fast-enter-active {
  transition: var(--vft-transition-md-fade);
  transform: scaleY(1);
  transform-origin: center top;
  opacity: 1;
}
.vft-zoom-in-top-fast-enter-active[data-popper-placement^=top] {
  transform-origin: center bottom;
}

.vft-zoom-in-top-fast-leave-active {
  transform: scaleY(1);
  transform-origin: center top;
  opacity: 1;
}
.vft-zoom-in-top-fast-leave-active[data-popper-placement^=top] {
  transform-origin: center bottom;
}

.vft-zoom-in-top-fast-enter-from,
.vft-zoom-in-top-fast-leave-active {
  transform: scaleY(0);
  opacity: 0;
}

.vft-zoom-in-bottom-enter-active,
.vft-zoom-in-bottom-leave-active {
  transform: scaleY(1);
  transform-origin: center bottom;
  transition: var(--vft-transition-md-fade);
  opacity: 1;
}

.vft-zoom-in-bottom-enter-from,
.vft-zoom-in-bottom-leave-active {
  transform: scaleY(0);
  opacity: 0;
}

.vft-zoom-in-left-enter-active,
.vft-zoom-in-left-leave-active {
  transform: scale(1, 1);
  transform-origin: top left;
  transition: var(--vft-transition-md-fade);
  opacity: 1;
}

.vft-zoom-in-left-enter-from,
.vft-zoom-in-left-leave-active {
  transform: scale(0.45, 0.45);
  opacity: 0;
}

.collapse-transition {
  transition: var(--vft-transition-duration) height ease-in-out, var(--vft-transition-duration) padding-top ease-in-out, var(--vft-transition-duration) padding-bottom ease-in-out;
}

.vft-collapse-transition-leave-active,
.vft-collapse-transition-enter-active {
  transition: var(--vft-transition-duration) max-height ease-in-out, var(--vft-transition-duration) padding-top ease-in-out, var(--vft-transition-duration) padding-bottom ease-in-out;
}

.horizontal-collapse-transition {
  transition: var(--vft-transition-duration) width ease-in-out, var(--vft-transition-duration) padding-left ease-in-out, var(--vft-transition-duration) padding-right ease-in-out;
}

.vft-list-enter-active,
.vft-list-leave-active {
  transition: all 1s;
}

.vft-list-enter-from,
.vft-list-leave-to {
  transform: translateY(-1.875rem);
  opacity: 0;
}

.vft-list-leave-active {
  position: absolute !important;
}

.vft-opacity-transition {
  transition: opacity var(--vft-transition-duration) cubic-bezier(0.55, 0, 0.1, 1);
}

@keyframes vft-rotate {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes vft-loading-dot {
  33% {
    transform: translateY(-2em);
  }
  66% {
    transform: translateY(-1em);
  }
}
.vft-checkbox {
  --vft-checkbox-font-size: var(--vft-font-size-base);
  --vft-checkbox-font-weight: var(--vft-font-weight-primary);
  --vft-checkbox-text-color: var(--vft-text-regular-color);
  --vft-checkbox-input-height: 0.875rem;
  --vft-checkbox-input-width: 0.875rem;
  --vft-checkbox-border-radius: var(--vft-border-radius-small);
  --vft-checkbox-bg-color: var(--vft-fill-color-blank);
  --vft-checkbox-input-border: var(--vft-border);
  --vft-checkbox-disabled-border-color: var(--vft-border-color);
  --vft-checkbox-disabled-input-fill: var(--vft-fill-color-light);
  --vft-checkbox-disabled-icon-color: var(--vft-text-placeholder-color);
  --vft-checkbox-disabled-checked-input-fill: var(--vft-border-color-extra-light);
  --vft-checkbox-disabled-checked-input-border-color: var(--vft-border-color);
  --vft-checkbox-disabled-checked-icon-color: var(--vft-text-placeholder-color);
  --vft-checkbox-checked-text-color: var(--vft-primary-color);
  --vft-checkbox-checked-input-border-color: var(--vft-primary-color);
  --vft-checkbox-checked-bg-color: var(--vft-primary-color);
  --vft-checkbox-checked-icon-color: var(--vft-color-white);
  --vft-checkbox-input-border-color-hover: var(--vft-primary-color);
}

.vft-checkbox {
  display: inline-flex;
  position: relative;
  align-items: center;
  height: 2rem;
  margin-right: 1.875rem;
  color: var(--vft-checkbox-text-color);
  font-size: var(--vft-font-size-base);
  font-weight: var(--vft-checkbox-font-weight);
  white-space: nowrap;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.vft-checkbox.vft-checkbox--large {
  height: 2.5rem;
}
.vft-checkbox.vft-checkbox--large .vft-checkbox__label {
  font-size: 0.875rem;
}

.vft-checkbox.vft-checkbox--large .vft-checkbox__inner {
  width: 0.875rem;
  height: 0.875rem;
}

.vft-checkbox.vft-checkbox--small {
  height: 1.5rem;
}
.vft-checkbox.vft-checkbox--small .vft-checkbox__label {
  font-size: 0.75rem;
}

.vft-checkbox.vft-checkbox--small .vft-checkbox__inner {
  width: 0.75rem;
  height: 0.75rem;
}

.vft-checkbox.is-disabled {
  cursor: not-allowed;
}

.vft-checkbox.is-bordered {
  box-sizing: border-box;
  padding: 0 0.9375rem 0 0.5625rem;
  border: var(--vft-border);
  border-radius: var(--vft-border-radius-base);
}
.vft-checkbox.is-bordered.vft-checkbox--large {
  padding: 0 1.1875rem 0 0.6875rem;
  border-radius: var(--vft-border-radius-base);
}
.vft-checkbox.is-bordered.vft-checkbox--large .vft-checkbox__label {
  font-size: var(--vft-font-size-base);
}
.vft-checkbox.is-bordered.vft-checkbox--large .vft-checkbox__inner {
  width: 0.875rem;
  height: 0.875rem;
}
.vft-checkbox.is-bordered.vft-checkbox--small {
  padding: 0 0.6875rem 0 0.4375rem;
  border-radius: calc(var(--vft-border-radius-base) - 0.0625rem);
}
.vft-checkbox.is-bordered.vft-checkbox--small .vft-checkbox__label {
  font-size: 0.75rem;
}
.vft-checkbox.is-bordered.vft-checkbox--small .vft-checkbox__inner {
  width: 0.75rem;
  height: 0.75rem;
}
.vft-checkbox.is-bordered.is-checked {
  border-color: var(--vft-primary-color);
}
.vft-checkbox.is-bordered.is-disabled {
  border-color: var(--vft-border-color-lighter);
}
.vft-checkbox.is-bordered.vft-checkbox--small .vft-checkbox__inner::after {
  width: 0.125rem;
  height: 0.375rem;
}

.vft-checkbox__input {
  display: inline-flex;
  position: relative;
  outline: none;
  white-space: nowrap;
  cursor: pointer;
}
.vft-checkbox__input.is-disabled .vft-checkbox__inner {
  border-color: var(--vft-checkbox-disabled-border-color);
  background-color: var(--vft-checkbox-disabled-input-fill);
  cursor: not-allowed;
}
.vft-checkbox__input.is-disabled .vft-checkbox__inner::after {
  border-color: var(--vft-checkbox-disabled-icon-color);
  cursor: not-allowed;
}
.vft-checkbox__input.is-disabled.is-checked .vft-checkbox__inner {
  border-color: var(--vft-checkbox-disabled-checked-input-border-color);
  background-color: var(--vft-checkbox-disabled-checked-input-fill);
}
.vft-checkbox__input.is-disabled.is-checked .vft-checkbox__inner::after {
  border-color: var(--vft-checkbox-disabled-checked-icon-color);
}
.vft-checkbox__input.is-disabled.is-indeterminate .vft-checkbox__inner {
  border-color: var(--vft-checkbox-disabled-checked-input-border-color);
  background-color: var(--vft-checkbox-disabled-checked-input-fill);
}
.vft-checkbox__input.is-disabled.is-indeterminate .vft-checkbox__inner::before {
  border-color: var(--vft-checkbox-disabled-checked-icon-color);
  background-color: var(--vft-checkbox-disabled-checked-icon-color);
}
.vft-checkbox__input.is-disabled + span.vft-checkbox__label {
  color: var(--vft-disabled-text-color);
  cursor: not-allowed;
}

.vft-checkbox__input.is-checked .vft-checkbox__inner {
  border-color: var(--vft-checkbox-checked-input-border-color);
  background-color: var(--vft-checkbox-checked-bg-color);
}
.vft-checkbox__input.is-checked .vft-checkbox__inner::after {
  transform: rotate(45deg) scaleY(1);
}
.vft-checkbox__input.is-checked + .vft-checkbox__label {
  color: var(--vft-checkbox-checked-text-color);
}

.vft-checkbox__input.is-focus:not(.is-checked) .vft-checkbox__original:not(:focus-visible) {
  border-color: var(--vft-checkbox-input-border-color-hover);
}

.vft-checkbox__input.is-indeterminate .vft-checkbox__inner {
  border-color: var(--vft-checkbox-checked-input-border-color);
  background-color: var(--vft-checkbox-checked-bg-color);
}
.vft-checkbox__input.is-indeterminate .vft-checkbox__inner::before {
  content: "";
  display: block;
  position: absolute;
  top: 0.3125rem;
  right: 0;
  left: 0;
  height: 0.125rem;
  transform: scale(0.5);
  background-color: var(--vft-checkbox-checked-icon-color);
}
.vft-checkbox__input.is-indeterminate .vft-checkbox__inner::after {
  display: none;
}

.vft-checkbox__inner {
  display: inline-block;
  position: relative;
  z-index: var(--vft-z-index-normal);
  box-sizing: border-box;
  width: var(--vft-checkbox-input-width);
  height: var(--vft-checkbox-input-height);
  transition: border-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46), background-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46), outline 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46);
  border: var(--vft-checkbox-input-border);
  border-radius: var(--vft-checkbox-border-radius);
  background-color: var(--vft-checkbox-bg-color);
}
.vft-checkbox__inner:hover {
  border-color: var(--vft-checkbox-input-border-color-hover);
}
.vft-checkbox__inner::after {
  content: "";
  position: absolute;
  top: 0.0625rem;
  left: 0.25rem;
  box-sizing: content-box;
  width: 0.1875rem;
  height: 0.4375rem;
  transform: rotate(45deg) scaleY(0);
  transform-origin: center;
  transition: transform 0.15s ease-in 0.05s;
  border: 0.0625rem solid var(--vft-checkbox-checked-icon-color);
  border-top: 0;
  border-left: 0;
}

.vft-checkbox__original {
  position: absolute;
  z-index: -1;
  width: 0;
  height: 0;
  margin: 0;
  outline: none;
  opacity: 0;
}

.vft-checkbox__label {
  display: inline-block;
  padding-left: 0.5rem;
  font-size: var(--vft-checkbox-font-size);
  line-height: 1;
}

.vft-checkbox input:focus-visible + .vft-checkbox__inner {
  border-radius: var(--vft-checkbox-border-radius);
  outline: 0.125rem solid var(--vft-checkbox-input-border-color-hover);
  outline-offset: 0.0625rem;
}
.vft-checkbox.vft-checkbox--small .vft-checkbox__input.is-indeterminate .vft-checkbox__inner::before {
  top: 0.25rem;
}

.vft-checkbox.vft-checkbox--small .vft-checkbox__inner::after {
  width: 0.125rem;
  height: 0.375rem;
}

.vft-checkbox:last-of-type {
  margin-right: 0;
}
.vft-fade-in-linear-enter-active,
.vft-fade-in-linear-leave-active {
  transition: var(--vft-transition-fade-linear);
}

.vft-fade-in-linear-enter-from,
.vft-fade-in-linear-leave-to {
  opacity: 0;
}

.vft-fade-in-enter-active,
.vft-fade-in-leave-active {
  transition: all var(--vft-transition-duration) cubic-bezier(0.55, 0, 0.1, 1);
}

.vft-fade-in-enter-from,
.vft-fade-in-leave-active {
  opacity: 0;
}

.vft-zoom-in-center-enter-active,
.vft-zoom-in-center-leave-active {
  transition: all var(--vft-transition-duration) cubic-bezier(0.55, 0, 0.1, 1);
}

.vft-zoom-in-center-enter-from,
.vft-zoom-in-center-leave-active {
  transform: scaleX(0);
  opacity: 0;
}

.vft-zoom-in-top-enter-active,
.vft-zoom-in-top-leave-active {
  transition: var(--vft-transition-md-fade);
  transform: scaleY(1);
  transform-origin: center top;
  opacity: 1;
}
.vft-zoom-in-top-enter-active[data-popper-placement^=top],
.vft-zoom-in-top-leave-active[data-popper-placement^=top] {
  transform-origin: center bottom;
}

.vft-zoom-in-top-enter-from,
.vft-zoom-in-top-leave-active {
  transform: scaleY(0);
  opacity: 0;
}

.vft-zoom-in-top-fast-enter-active {
  transition: var(--vft-transition-md-fade);
  transform: scaleY(1);
  transform-origin: center top;
  opacity: 1;
}
.vft-zoom-in-top-fast-enter-active[data-popper-placement^=top] {
  transform-origin: center bottom;
}

.vft-zoom-in-top-fast-leave-active {
  transform: scaleY(1);
  transform-origin: center top;
  opacity: 1;
}
.vft-zoom-in-top-fast-leave-active[data-popper-placement^=top] {
  transform-origin: center bottom;
}

.vft-zoom-in-top-fast-enter-from,
.vft-zoom-in-top-fast-leave-active {
  transform: scaleY(0);
  opacity: 0;
}

.vft-zoom-in-bottom-enter-active,
.vft-zoom-in-bottom-leave-active {
  transform: scaleY(1);
  transform-origin: center bottom;
  transition: var(--vft-transition-md-fade);
  opacity: 1;
}

.vft-zoom-in-bottom-enter-from,
.vft-zoom-in-bottom-leave-active {
  transform: scaleY(0);
  opacity: 0;
}

.vft-zoom-in-left-enter-active,
.vft-zoom-in-left-leave-active {
  transform: scale(1, 1);
  transform-origin: top left;
  transition: var(--vft-transition-md-fade);
  opacity: 1;
}

.vft-zoom-in-left-enter-from,
.vft-zoom-in-left-leave-active {
  transform: scale(0.45, 0.45);
  opacity: 0;
}

.collapse-transition {
  transition: var(--vft-transition-duration) height ease-in-out, var(--vft-transition-duration) padding-top ease-in-out, var(--vft-transition-duration) padding-bottom ease-in-out;
}

.vft-collapse-transition-leave-active,
.vft-collapse-transition-enter-active {
  transition: var(--vft-transition-duration) max-height ease-in-out, var(--vft-transition-duration) padding-top ease-in-out, var(--vft-transition-duration) padding-bottom ease-in-out;
}

.horizontal-collapse-transition {
  transition: var(--vft-transition-duration) width ease-in-out, var(--vft-transition-duration) padding-left ease-in-out, var(--vft-transition-duration) padding-right ease-in-out;
}

.vft-list-enter-active,
.vft-list-leave-active {
  transition: all 1s;
}

.vft-list-enter-from,
.vft-list-leave-to {
  transform: translateY(-1.875rem);
  opacity: 0;
}

.vft-list-leave-active {
  position: absolute !important;
}

.vft-opacity-transition {
  transition: opacity var(--vft-transition-duration) cubic-bezier(0.55, 0, 0.1, 1);
}

@keyframes vft-rotate {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes vft-loading-dot {
  33% {
    transform: translateY(-2em);
  }
  66% {
    transform: translateY(-1em);
  }
}
.vft-radio {
  --vft-radio-font-size: var(--vft-font-size-base);
  --vft-radio-text-color: var(--vft-text-regular-color);
  --vft-radio-font-weight: var(--vft-font-weight-primary);
  --vft-radio-input-height: 0.875rem;
  --vft-radio-input-width: 0.875rem;
  --vft-radio-input-border-radius: var(--vft-border-radius-circle);
  --vft-radio-input-bg-color: var(--vft-fill-color-blank);
  --vft-radio-input-border: var(--vft-border);
  --vft-radio-input-border-color: var(--vft-border-color);
  --vft-radio-input-border-color-hover: var(--vft-primary-color);
}

.vft-radio {
  color: var(--vft-radio-text-color);
  font-weight: var(--vft-radio-font-weight);
  position: relative;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  white-space: nowrap;
  outline: none;
  font-size: var(--vft-font-size-base);
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  margin-right: 2rem;
  height: 2rem;
}
.vft-radio.vft-radio--large {
  height: 2.5rem;
}
.vft-radio.vft-radio--small {
  height: 1.5rem;
}
.vft-radio.vft-radio--large .vft-radio__label {
  font-size: 0.875rem;
}

.vft-radio.vft-radio--large .vft-radio__inner {
  width: 0.875rem;
  height: 0.875rem;
}

.vft-radio.vft-radio--small .vft-radio__label {
  font-size: 0.75rem;
}

.vft-radio.vft-radio--small .vft-radio__inner {
  width: 0.75rem;
  height: 0.75rem;
}

.vft-radio.is-bordered {
  padding: 0 0.9375rem 0 0.5625rem;
  border-radius: var(--vft-border-radius-base);
  border: var(--vft-border);
  box-sizing: border-box;
}
.vft-radio.is-bordered.vft-radio--large {
  padding: 0 1.1875rem 0 0.6875rem;
  border-radius: var(--vft-border-radius-base);
}
.vft-radio.is-bordered.vft-radio--large .vft-radio__label {
  font-size: var(--vft-font-size-base);
}
.vft-radio.is-bordered.vft-radio--large .vft-radio__inner {
  height: 0.875rem;
  width: 0.875rem;
}
.vft-radio.is-bordered.vft-radio--small {
  padding: 0 0.6875rem 0 0.4375rem;
  border-radius: var(--vft-border-radius-base);
}
.vft-radio.is-bordered.vft-radio--small .vft-radio__label {
  font-size: 0.75rem;
}
.vft-radio.is-bordered.vft-radio--small .vft-radio__inner {
  height: 0.75rem;
  width: 0.75rem;
}
.vft-radio.is-bordered.is-checked {
  border-color: var(--vft-primary-color);
}
.vft-radio.is-bordered.is-disabled {
  cursor: not-allowed;
  border-color: var(--vft-border-color-lighter);
}

.vft-radio__input {
  white-space: nowrap;
  cursor: pointer;
  outline: none;
  display: inline-flex;
  position: relative;
  vertical-align: middle;
}
.vft-radio__input.is-disabled .vft-radio__inner {
  background-color: var(--vft-disabled-bg-color);
  border-color: var(--vft-disabled-border-color);
  cursor: not-allowed;
}
.vft-radio__input.is-disabled .vft-radio__inner::after {
  cursor: not-allowed;
  background-color: var(--vft-disabled-bg-color);
}
.vft-radio__input.is-disabled .vft-radio__inner + .vft-radio__label {
  cursor: not-allowed;
}
.vft-radio__input.is-disabled.is-checked .vft-radio__inner {
  background-color: var(--vft-disabled-bg-color);
  border-color: var(--vft-disabled-border-color);
}
.vft-radio__input.is-disabled.is-checked .vft-radio__inner::after {
  background-color: var(--vft-text-placeholder-color);
}
.vft-radio__input.is-disabled + span.vft-radio__label {
  color: var(--vft-text-placeholder-color);
  cursor: not-allowed;
}

.vft-radio__input.is-checked .vft-radio__inner {
  border-color: var(--vft-primary-color);
  background: var(--vft-primary-color);
}
.vft-radio__input.is-checked .vft-radio__inner::after {
  transform: translate(-50%, -50%) scale(1);
}
.vft-radio__input.is-checked + .vft-radio__label {
  color: var(--vft-primary-color);
}

.vft-radio__input.is-focus .vft-radio__inner {
  border-color: var(--vft-radio-input-border-color-hover);
}

.vft-radio__inner {
  border: var(--vft-radio-input-border);
  border-radius: var(--vft-radio-input-border-radius);
  width: var(--vft-radio-input-width);
  height: var(--vft-radio-input-height);
  background-color: var(--vft-radio-input-bg-color);
  position: relative;
  cursor: pointer;
  display: inline-block;
  box-sizing: border-box;
}
.vft-radio__inner:hover {
  border-color: var(--vft-radio-input-border-color-hover);
}
.vft-radio__inner::after {
  width: 0.25rem;
  height: 0.25rem;
  border-radius: var(--vft-radio-input-border-radius);
  background-color: var(--vft-color-white);
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) scale(0);
  transition: transform 0.15s ease-in;
}

.vft-radio__original {
  opacity: 0;
  outline: none;
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0;
}
.vft-radio__original:focus-visible + .vft-radio__inner {
  outline: 0.125rem solid var(--vft-radio-input-border-color-hover);
  outline-offset: 0.0625rem;
  border-radius: var(--vft-radio-input-border-radius);
}

.vft-radio__label {
  font-size: var(--vft-radio-font-size);
  padding-left: 0.5rem;
}

.vft-radio:last-child {
  margin-right: 0;
}
.vft-radio:focus:not(:focus-visible, .is-focus, :active, .is-disabled) {
  /* 获得焦点时 样式提醒 */
}
.vft-radio:focus:not(:focus-visible, .is-focus, :active, .is-disabled) .vft-radio__inner {
  box-shadow: 0 0 0.125rem 0.125rem var(--vft-radio-input-border-color-hover);
}.vft-fade-in-linear-enter-active,
.vft-fade-in-linear-leave-active {
  transition: var(--vft-transition-fade-linear);
}

.vft-fade-in-linear-enter-from,
.vft-fade-in-linear-leave-to {
  opacity: 0;
}

.vft-fade-in-enter-active,
.vft-fade-in-leave-active {
  transition: all var(--vft-transition-duration) cubic-bezier(0.55, 0, 0.1, 1);
}

.vft-fade-in-enter-from,
.vft-fade-in-leave-active {
  opacity: 0;
}

.vft-zoom-in-center-enter-active,
.vft-zoom-in-center-leave-active {
  transition: all var(--vft-transition-duration) cubic-bezier(0.55, 0, 0.1, 1);
}

.vft-zoom-in-center-enter-from,
.vft-zoom-in-center-leave-active {
  transform: scaleX(0);
  opacity: 0;
}

.vft-zoom-in-top-enter-active,
.vft-zoom-in-top-leave-active {
  transition: var(--vft-transition-md-fade);
  transform: scaleY(1);
  transform-origin: center top;
  opacity: 1;
}
.vft-zoom-in-top-enter-active[data-popper-placement^=top],
.vft-zoom-in-top-leave-active[data-popper-placement^=top] {
  transform-origin: center bottom;
}

.vft-zoom-in-top-enter-from,
.vft-zoom-in-top-leave-active {
  transform: scaleY(0);
  opacity: 0;
}

.vft-zoom-in-top-fast-enter-active {
  transition: var(--vft-transition-md-fade);
  transform: scaleY(1);
  transform-origin: center top;
  opacity: 1;
}
.vft-zoom-in-top-fast-enter-active[data-popper-placement^=top] {
  transform-origin: center bottom;
}

.vft-zoom-in-top-fast-leave-active {
  transform: scaleY(1);
  transform-origin: center top;
  opacity: 1;
}
.vft-zoom-in-top-fast-leave-active[data-popper-placement^=top] {
  transform-origin: center bottom;
}

.vft-zoom-in-top-fast-enter-from,
.vft-zoom-in-top-fast-leave-active {
  transform: scaleY(0);
  opacity: 0;
}

.vft-zoom-in-bottom-enter-active,
.vft-zoom-in-bottom-leave-active {
  transform: scaleY(1);
  transform-origin: center bottom;
  transition: var(--vft-transition-md-fade);
  opacity: 1;
}

.vft-zoom-in-bottom-enter-from,
.vft-zoom-in-bottom-leave-active {
  transform: scaleY(0);
  opacity: 0;
}

.vft-zoom-in-left-enter-active,
.vft-zoom-in-left-leave-active {
  transform: scale(1, 1);
  transform-origin: top left;
  transition: var(--vft-transition-md-fade);
  opacity: 1;
}

.vft-zoom-in-left-enter-from,
.vft-zoom-in-left-leave-active {
  transform: scale(0.45, 0.45);
  opacity: 0;
}

.collapse-transition {
  transition: var(--vft-transition-duration) height ease-in-out, var(--vft-transition-duration) padding-top ease-in-out, var(--vft-transition-duration) padding-bottom ease-in-out;
}

.vft-collapse-transition-leave-active,
.vft-collapse-transition-enter-active {
  transition: var(--vft-transition-duration) max-height ease-in-out, var(--vft-transition-duration) padding-top ease-in-out, var(--vft-transition-duration) padding-bottom ease-in-out;
}

.horizontal-collapse-transition {
  transition: var(--vft-transition-duration) width ease-in-out, var(--vft-transition-duration) padding-left ease-in-out, var(--vft-transition-duration) padding-right ease-in-out;
}

.vft-list-enter-active,
.vft-list-leave-active {
  transition: all 1s;
}

.vft-list-enter-from,
.vft-list-leave-to {
  transform: translateY(-1.875rem);
  opacity: 0;
}

.vft-list-leave-active {
  position: absolute !important;
}

.vft-opacity-transition {
  transition: opacity var(--vft-transition-duration) cubic-bezier(0.55, 0, 0.1, 1);
}

@keyframes vft-rotate {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes vft-loading-dot {
  33% {
    transform: translateY(-2em);
  }
  66% {
    transform: translateY(-1em);
  }
}
.vft-cascader-panel {
  --vft-cascader-menu-text-color: var(--vft-text-regular-color);
  --vft-cascader-menu-selected-text-color: var(--vft-primary-color);
  --vft-cascader-menu-fill: var(--vft-bg-color-overlay);
  --vft-cascader-menu-font-size: var(--vft-font-size-base);
  --vft-cascader-menu-radius: var(--vft-border-radius-base);
  --vft-cascader-menu-border: solid 0.0625rem var(--vft-border-color-light);
  --vft-cascader-menu-shadow: var(--vft-box-shadow-light);
  --vft-cascader-node-background-hover: var(--vft-fill-color-light);
  --vft-cascader-node-color-disabled: var(--vft-text-placeholder-color);
  --vft-cascader-color-empty: var(--vft-text-placeholder-color);
  --vft-cascader-tag-background: var(--vft-fill-color);
}

.vft-cascader-panel {
  display: flex;
  border-radius: var(--vft-cascader-menu-radius);
  font-size: var(--vft-cascader-menu-font-size);
}
.vft-cascader-panel.is-bordered {
  border: var(--vft-cascader-menu-border);
  border-radius: var(--vft-cascader-menu-radius);
}

.vft-cascader-panel .icon-arrow-right {
  width: 1em;
  height: 1em;
  background-color: currentcolor;
  -webkit-mask: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="M340.864 149.312a30.592 30.592 0 0 0 0 42.752L652.736 512L340.864 831.872a30.592 30.592 0 0 0 0 42.752a29.12 29.12 0 0 0 41.728 0L714.24 534.336a32 32 0 0 0 0-44.672L382.592 149.376a29.12 29.12 0 0 0-41.728 0z"%2F%3E%3C%2Fsvg%3E') no-repeat;
          mask: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="M340.864 149.312a30.592 30.592 0 0 0 0 42.752L652.736 512L340.864 831.872a30.592 30.592 0 0 0 0 42.752a29.12 29.12 0 0 0 41.728 0L714.24 534.336a32 32 0 0 0 0-44.672L382.592 149.376a29.12 29.12 0 0 0-41.728 0z"%2F%3E%3C%2Fsvg%3E') no-repeat;
  -webkit-mask-size: 100% 100%;
          mask-size: 100% 100%;
}

.vft-cascader-menu {
  box-sizing: border-box;
  min-width: 11.25rem;
  border-right: var(--vft-cascader-menu-border);
  color: var(--vft-cascader-menu-text-color);
}
.vft-cascader-menu:last-child {
  border-right: none;
}
.vft-cascader-menu:last-child .vft-cascader-node {
  padding-right: 1.25rem;
}
.vft-cascader-menu__wrap.vft-scrollbar__wrap {
  height: 12.75rem;
}

.vft-cascader-menu__list {
  position: relative;
  box-sizing: border-box;
  min-height: 100%;
  margin: 0;
  padding: 0.375rem 0;
  list-style: none;
}

.vft-cascader-menu__hover-zone {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}

.vft-cascader-menu__empty-text {
  display: flex;
  position: absolute;
  top: 50%;
  left: 50%;
  align-items: center;
  transform: translate(-50%, -50%);
  color: var(--vft-cascader-color-empty);
}
.vft-cascader-menu__empty-text .is-loading {
  margin-right: 0.125rem;
}

.vft-cascader-node {
  display: flex;
  position: relative;
  align-items: center;
  height: 2.125rem;
  padding: 0 1.875rem 0 1.25rem;
  outline: none;
  line-height: 2.125rem;
}
.vft-cascader-node.is-selectable.in-active-path {
  color: var(--vft-cascader-menu-text-color);
}
.vft-cascader-node.in-active-path, .vft-cascader-node.is-selectable.in-checked-path, .vft-cascader-node.is-active {
  color: var(--vft-cascader-menu-selected-text-color);
  font-weight: bold;
}
.vft-cascader-node:not(.is-disabled) {
  cursor: pointer;
}
.vft-cascader-node:not(.is-disabled):hover, .vft-cascader-node:not(.is-disabled):focus {
  background: var(--vft-cascader-node-background-hover);
}
.vft-cascader-node.is-disabled {
  color: var(--vft-cascader-node-color-disabled);
  cursor: not-allowed;
}

.vft-cascader-node__prefix {
  position: absolute;
  left: 0.625rem;
}

.vft-cascader-node__postfix {
  position: absolute;
  right: 0.625rem;
}

.vft-cascader-node__label {
  flex: 1;
  padding: 0 0.5rem;
  overflow: hidden;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.vft-cascader-node > .vft-checkbox {
  margin-right: 0;
}
.vft-cascader-node > .vft-radio {
  margin-right: 0;
}
.vft-cascader-node > .vft-radio .vft-radio__label {
  padding-left: 0;
}.vft-fade-in-linear-enter-active,
.vft-fade-in-linear-leave-active {
  transition: var(--vft-transition-fade-linear);
}

.vft-fade-in-linear-enter-from,
.vft-fade-in-linear-leave-to {
  opacity: 0;
}

.vft-fade-in-enter-active,
.vft-fade-in-leave-active {
  transition: all var(--vft-transition-duration) cubic-bezier(0.55, 0, 0.1, 1);
}

.vft-fade-in-enter-from,
.vft-fade-in-leave-active {
  opacity: 0;
}

.vft-zoom-in-center-enter-active,
.vft-zoom-in-center-leave-active {
  transition: all var(--vft-transition-duration) cubic-bezier(0.55, 0, 0.1, 1);
}

.vft-zoom-in-center-enter-from,
.vft-zoom-in-center-leave-active {
  transform: scaleX(0);
  opacity: 0;
}

.vft-zoom-in-top-enter-active,
.vft-zoom-in-top-leave-active {
  transition: var(--vft-transition-md-fade);
  transform: scaleY(1);
  transform-origin: center top;
  opacity: 1;
}
.vft-zoom-in-top-enter-active[data-popper-placement^=top],
.vft-zoom-in-top-leave-active[data-popper-placement^=top] {
  transform-origin: center bottom;
}

.vft-zoom-in-top-enter-from,
.vft-zoom-in-top-leave-active {
  transform: scaleY(0);
  opacity: 0;
}

.vft-zoom-in-top-fast-enter-active {
  transition: var(--vft-transition-md-fade);
  transform: scaleY(1);
  transform-origin: center top;
  opacity: 1;
}
.vft-zoom-in-top-fast-enter-active[data-popper-placement^=top] {
  transform-origin: center bottom;
}

.vft-zoom-in-top-fast-leave-active {
  transform: scaleY(1);
  transform-origin: center top;
  opacity: 1;
}
.vft-zoom-in-top-fast-leave-active[data-popper-placement^=top] {
  transform-origin: center bottom;
}

.vft-zoom-in-top-fast-enter-from,
.vft-zoom-in-top-fast-leave-active {
  transform: scaleY(0);
  opacity: 0;
}

.vft-zoom-in-bottom-enter-active,
.vft-zoom-in-bottom-leave-active {
  transform: scaleY(1);
  transform-origin: center bottom;
  transition: var(--vft-transition-md-fade);
  opacity: 1;
}

.vft-zoom-in-bottom-enter-from,
.vft-zoom-in-bottom-leave-active {
  transform: scaleY(0);
  opacity: 0;
}

.vft-zoom-in-left-enter-active,
.vft-zoom-in-left-leave-active {
  transform: scale(1, 1);
  transform-origin: top left;
  transition: var(--vft-transition-md-fade);
  opacity: 1;
}

.vft-zoom-in-left-enter-from,
.vft-zoom-in-left-leave-active {
  transform: scale(0.45, 0.45);
  opacity: 0;
}

.collapse-transition {
  transition: var(--vft-transition-duration) height ease-in-out, var(--vft-transition-duration) padding-top ease-in-out, var(--vft-transition-duration) padding-bottom ease-in-out;
}

.vft-collapse-transition-leave-active,
.vft-collapse-transition-enter-active {
  transition: var(--vft-transition-duration) max-height ease-in-out, var(--vft-transition-duration) padding-top ease-in-out, var(--vft-transition-duration) padding-bottom ease-in-out;
}

.horizontal-collapse-transition {
  transition: var(--vft-transition-duration) width ease-in-out, var(--vft-transition-duration) padding-left ease-in-out, var(--vft-transition-duration) padding-right ease-in-out;
}

.vft-list-enter-active,
.vft-list-leave-active {
  transition: all 1s;
}

.vft-list-enter-from,
.vft-list-leave-to {
  transform: translateY(-1.875rem);
  opacity: 0;
}

.vft-list-leave-active {
  position: absolute !important;
}

.vft-opacity-transition {
  transition: opacity var(--vft-transition-duration) cubic-bezier(0.55, 0, 0.1, 1);
}

@keyframes vft-rotate {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes vft-loading-dot {
  33% {
    transform: translateY(-2em);
  }
  66% {
    transform: translateY(-1em);
  }
}
.vft-cascader {
  --vft-cascader-menu-text-color: var(--vft-text-regular-color);
  --vft-cascader-menu-selected-text-color: var(--vft-primary-color);
  --vft-cascader-menu-fill: var(--vft-bg-color-overlay);
  --vft-cascader-menu-font-size: var(--vft-font-size-base);
  --vft-cascader-menu-radius: var(--vft-border-radius-base);
  --vft-cascader-menu-border: solid 0.0625rem var(--vft-border-color-light);
  --vft-cascader-menu-shadow: var(--vft-box-shadow-light);
  --vft-cascader-node-background-hover: var(--vft-fill-color-light);
  --vft-cascader-node-color-disabled: var(--vft-text-placeholder-color);
  --vft-cascader-color-empty: var(--vft-text-placeholder-color);
  --vft-cascader-tag-background: var(--vft-fill-color);
  display: inline-block;
  position: relative;
  outline: none;
  font-size: var(--vft-font-size-base);
  line-height: 2rem;
  vertical-align: middle;
}
.vft-cascader:not(.is-disabled):hover .vft-input__wrapper {
  box-shadow: 0 0 0 0.0625rem var(--vft-input-hover-border-color) inset;
  cursor: pointer;
}
.vft-cascader .vft-input {
  display: flex;
  cursor: pointer;
}
.vft-cascader .vft-input .vft-input__inner {
  text-overflow: ellipsis;
  cursor: pointer;
}
.vft-cascader .vft-input .vft-input__suffix-inner .vft-icon svg {
  vertical-align: middle;
}
.vft-cascader .vft-input .icon-arrow-down {
  transition: transform var(--vft-transition-duration);
  font-size: 0.875rem;
}
.vft-cascader .vft-input .icon-arrow-down.is-reverse {
  transform: rotateZ(180deg);
}

.vft-cascader .vft-input .icon-circle-close:hover {
  color: var(--vft-input-clear-hover-color, var(--vft-text-secondary-color));
}
.vft-cascader .vft-input.is-focus .vft-input__wrapper {
  box-shadow: 0 0 0 0.0625rem var(--vft-input-focus-border-color, var(--vft-primary-color)) inset;
}

.vft-cascader--large {
  font-size: 0.875rem;
  line-height: 2.5rem;
}
.vft-cascader--large .vft-cascader__tags {
  gap: 0.375rem;
  padding: 0.5rem;
}

.vft-cascader--large .vft-cascader__search-input {
  height: 1.5rem;
  margin-left: 0.4375rem;
}

.vft-cascader--small {
  font-size: 0.75rem;
  line-height: 1.5rem;
}
.vft-cascader--small .vft-cascader__tags {
  gap: 0.25rem;
  padding: 0.125rem;
}

.vft-cascader--small .vft-cascader__search-input {
  height: 1.25rem;
  margin-left: 0.3125rem;
}

.vft-cascader.is-disabled .vft-cascader__label {
  z-index: calc(var(--vft-z-index-normal) + 1);
  color: var(--vft-disabled-text-color);
}

.vft-cascader__dropdown {
  --vft-cascader-menu-text-color: var(--vft-text-regular-color);
  --vft-cascader-menu-selected-text-color: var(--vft-primary-color);
  --vft-cascader-menu-fill: var(--vft-bg-color-overlay);
  --vft-cascader-menu-font-size: var(--vft-font-size-base);
  --vft-cascader-menu-radius: var(--vft-border-radius-base);
  --vft-cascader-menu-border: solid 0.0625rem var(--vft-border-color-light);
  --vft-cascader-menu-shadow: var(--vft-box-shadow-light);
  --vft-cascader-node-background-hover: var(--vft-fill-color-light);
  --vft-cascader-node-color-disabled: var(--vft-text-placeholder-color);
  --vft-cascader-color-empty: var(--vft-text-placeholder-color);
  --vft-cascader-tag-background: var(--vft-fill-color);
}

.vft-cascader__dropdown {
  border-radius: var(--vft-cascader-menu-radius);
  font-size: var(--vft-cascader-menu-font-size);
}
.vft-cascader__dropdown.vft-popper {
  border: var(--vft-cascader-menu-border);
  background: var(--vft-cascader-menu-fill);
  box-shadow: var(--vft-cascader-menu-shadow);
}
.vft-cascader__dropdown.vft-popper[data-popper-placement^=top] .vft-popper__arrow::before {
  border-top-color: transparent;
  border-left-color: transparent;
}
.vft-cascader__dropdown.vft-popper[data-popper-placement^=bottom] .vft-popper__arrow::before {
  border-bottom-color: transparent;
  border-right-color: transparent;
}
.vft-cascader__dropdown.vft-popper[data-popper-placement^=left] .vft-popper__arrow::before {
  border-left-color: transparent;
  border-bottom-color: transparent;
}
.vft-cascader__dropdown.vft-popper[data-popper-placement^=right] .vft-popper__arrow::before {
  border-right-color: transparent;
  border-top-color: transparent;
}
.vft-cascader__dropdown.vft-popper .vft-popper__arrow::before {
  border: var(--vft-cascader-menu-border);
}
.vft-cascader__dropdown.vft-popper {
  box-shadow: var(--vft-cascader-menu-shadow);
}

.vft-cascader__header {
  padding: 0.625rem;
  border-bottom: 0.0625rem solid var(--vft-border-color-light);
}

.vft-cascader__footer {
  padding: 0.625rem;
  border-top: 0.0625rem solid var(--vft-border-color-light);
}

.vft-cascader__tags {
  display: flex;
  position: absolute;
  top: 50%;
  right: 1.875rem;
  left: 0;
  box-sizing: border-box;
  flex-wrap: wrap;
  padding: 0.25rem;
  transform: translateY(-50%);
  line-height: normal;
  text-align: left;
  gap: 0.375rem;
}
.vft-cascader__tags .vft-tag {
  display: inline-flex;
  align-items: center;
  max-width: 100%;
  background: var(--vft-cascader-tag-background);
  text-overflow: ellipsis;
}
.vft-cascader__tags .vft-tag.vft-tag--dark, .vft-cascader__tags .vft-tag.vft-tag--plain {
  background-color: var(--vft-tag-bg-color);
}
.vft-cascader__tags .vft-tag:not(.is-hit) {
  border-color: transparent;
}
.vft-cascader__tags .vft-tag:not(.is-hit).vft-tag--dark, .vft-cascader__tags .vft-tag:not(.is-hit).vft-tag--plain {
  border-color: var(--vft-tag-border-color);
}
.vft-cascader__tags .vft-tag > span {
  flex: 1;
  overflow: hidden;
  line-height: normal;
  text-overflow: ellipsis;
}
.vft-cascader__tags .vft-tag .vft-icon-close {
  flex: none;
  background-color: var(--vft-text-placeholder-color);
  color: var(--vft-color-white);
}
.vft-cascader__tags .vft-tag .vft-icon-close:hover {
  background-color: var(--vft-text-secondary-color);
}
.vft-cascader__tags .vft-tag + input {
  margin-left: 0;
}
.vft-cascader__tags.is-validate {
  right: 3.4375rem;
}

.vft-cascader__collapse-tags {
  z-index: var(--vft-z-index-normal);
  white-space: normal;
}
.vft-cascader__collapse-tags .vft-tag {
  display: inline-flex;
  align-items: center;
  max-width: 100%;
  background: var(--vft-fill-color);
  text-overflow: ellipsis;
}
.vft-cascader__collapse-tags .vft-tag.vft-tag--dark, .vft-cascader__collapse-tags .vft-tag.vft-tag--plain {
  background-color: var(--vft-tag-bg-color);
}
.vft-cascader__collapse-tags .vft-tag:not(.is-hit) {
  border-color: transparent;
}
.vft-cascader__collapse-tags .vft-tag:not(.is-hit).vft-tag--dark, .vft-cascader__collapse-tags .vft-tag:not(.is-hit).vft-tag--plain {
  border-color: var(--vft-tag-border-color);
}
.vft-cascader__collapse-tags .vft-tag > span {
  flex: 1;
  overflow: hidden;
  line-height: normal;
  text-overflow: ellipsis;
}
.vft-cascader__collapse-tags .vft-tag .vft-icon-close {
  flex: none;
  background-color: var(--vft-text-placeholder-color);
  color: var(--vft-color-white);
}
.vft-cascader__collapse-tags .vft-tag .vft-icon-close:hover {
  background-color: var(--vft-text-secondary-color);
}
.vft-cascader__collapse-tags .vft-tag + input {
  margin-left: 0;
}
.vft-cascader__collapse-tags .vft-tag {
  margin: 0.125rem 0;
}

.vft-cascader__suggestion-panel {
  border-radius: var(--vft-cascader-menu-radius);
}

.vft-cascader__suggestion-list {
  max-height: 12.75rem;
  margin: 0;
  padding: 0.375rem 0;
  color: var(--vft-cascader-menu-text-color);
  font-size: var(--vft-font-size-base);
  text-align: center;
}

.vft-cascader__suggestion-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 2.125rem;
  padding: 0 0.9375rem;
  outline: none;
  text-align: left;
  cursor: pointer;
}
.vft-cascader__suggestion-item:hover, .vft-cascader__suggestion-item:focus {
  background: var(--vft-cascader-node-background-hover);
}
.vft-cascader__suggestion-item.is-checked {
  color: var(--vft-cascader-menu-selected-text-color);
  font-weight: bold;
}
.vft-cascader__suggestion-item > span {
  margin-right: 0.625rem;
}

.vft-cascader__empty-text {
  margin: 0.625rem 0;
  color: var(--vft-cascader-color-empty);
}

.vft-cascader__search-input {
  box-sizing: border-box;
  flex: 1;
  min-width: 3.75rem;
  height: 1.5rem;
  margin-left: 0.4375rem;
  padding: 0;
  border: none;
  outline: none;
  background: transparent;
  color: var(--vft-cascader-menu-text-color);
}
.vft-cascader__search-input::-moz-placeholder {
  color: transparent;
}
.vft-cascader__search-input::placeholder {
  color: transparent;
}

.vft-cascader .icon-arrow-down {
  width: 1em;
  height: 1em;
  background-color: currentcolor;
  -webkit-mask: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="M831.872 340.864L512 652.672L192.128 340.864a30.592 30.592 0 0 0-42.752 0a29.12 29.12 0 0 0 0 41.6L489.664 714.24a32 32 0 0 0 44.672 0l340.288-331.712a29.12 29.12 0 0 0 0-41.728a30.592 30.592 0 0 0-42.752 0z"%2F%3E%3C%2Fsvg%3E') no-repeat;
          mask: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="M831.872 340.864L512 652.672L192.128 340.864a30.592 30.592 0 0 0-42.752 0a29.12 29.12 0 0 0 0 41.6L489.664 714.24a32 32 0 0 0 44.672 0l340.288-331.712a29.12 29.12 0 0 0 0-41.728a30.592 30.592 0 0 0-42.752 0z"%2F%3E%3C%2Fsvg%3E') no-repeat;
  -webkit-mask-size: 100% 100%;
          mask-size: 100% 100%;
}
.vft-cascader .icon-circle-close {
  width: 1em;
  height: 1em;
  background-color: currentcolor;
  -webkit-mask: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="m466.752 512l-90.496-90.496a32 32 0 0 1 45.248-45.248L512 466.752l90.496-90.496a32 32 0 1 1 45.248 45.248L557.248 512l90.496 90.496a32 32 0 1 1-45.248 45.248L512 557.248l-90.496 90.496a32 32 0 0 1-45.248-45.248L466.752 512z"%2F%3E%3Cpath fill="currentColor" d="M512 896a384 384 0 1 0 0-768a384 384 0 0 0 0 768zm0 64a448 448 0 1 1 0-896a448 448 0 0 1 0 896z"%2F%3E%3C%2Fsvg%3E') no-repeat;
          mask: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="m466.752 512l-90.496-90.496a32 32 0 0 1 45.248-45.248L512 466.752l90.496-90.496a32 32 0 1 1 45.248 45.248L557.248 512l90.496 90.496a32 32 0 1 1-45.248 45.248L512 557.248l-90.496 90.496a32 32 0 0 1-45.248-45.248L466.752 512z"%2F%3E%3Cpath fill="currentColor" d="M512 896a384 384 0 1 0 0-768a384 384 0 0 0 0 768zm0 64a448 448 0 1 1 0-896a448 448 0 0 1 0 896z"%2F%3E%3C%2Fsvg%3E') no-repeat;
  -webkit-mask-size: 100% 100%;
          mask-size: 100% 100%;
}.vft-fade-in-linear-enter-active,
.vft-fade-in-linear-leave-active {
  transition: var(--vft-transition-fade-linear);
}

.vft-fade-in-linear-enter-from,
.vft-fade-in-linear-leave-to {
  opacity: 0;
}

.vft-fade-in-enter-active,
.vft-fade-in-leave-active {
  transition: all var(--vft-transition-duration) cubic-bezier(0.55, 0, 0.1, 1);
}

.vft-fade-in-enter-from,
.vft-fade-in-leave-active {
  opacity: 0;
}

.vft-zoom-in-center-enter-active,
.vft-zoom-in-center-leave-active {
  transition: all var(--vft-transition-duration) cubic-bezier(0.55, 0, 0.1, 1);
}

.vft-zoom-in-center-enter-from,
.vft-zoom-in-center-leave-active {
  transform: scaleX(0);
  opacity: 0;
}

.vft-zoom-in-top-enter-active,
.vft-zoom-in-top-leave-active {
  transition: var(--vft-transition-md-fade);
  transform: scaleY(1);
  transform-origin: center top;
  opacity: 1;
}
.vft-zoom-in-top-enter-active[data-popper-placement^=top],
.vft-zoom-in-top-leave-active[data-popper-placement^=top] {
  transform-origin: center bottom;
}

.vft-zoom-in-top-enter-from,
.vft-zoom-in-top-leave-active {
  transform: scaleY(0);
  opacity: 0;
}

.vft-zoom-in-top-fast-enter-active {
  transition: var(--vft-transition-md-fade);
  transform: scaleY(1);
  transform-origin: center top;
  opacity: 1;
}
.vft-zoom-in-top-fast-enter-active[data-popper-placement^=top] {
  transform-origin: center bottom;
}

.vft-zoom-in-top-fast-leave-active {
  transform: scaleY(1);
  transform-origin: center top;
  opacity: 1;
}
.vft-zoom-in-top-fast-leave-active[data-popper-placement^=top] {
  transform-origin: center bottom;
}

.vft-zoom-in-top-fast-enter-from,
.vft-zoom-in-top-fast-leave-active {
  transform: scaleY(0);
  opacity: 0;
}

.vft-zoom-in-bottom-enter-active,
.vft-zoom-in-bottom-leave-active {
  transform: scaleY(1);
  transform-origin: center bottom;
  transition: var(--vft-transition-md-fade);
  opacity: 1;
}

.vft-zoom-in-bottom-enter-from,
.vft-zoom-in-bottom-leave-active {
  transform: scaleY(0);
  opacity: 0;
}

.vft-zoom-in-left-enter-active,
.vft-zoom-in-left-leave-active {
  transform: scale(1, 1);
  transform-origin: top left;
  transition: var(--vft-transition-md-fade);
  opacity: 1;
}

.vft-zoom-in-left-enter-from,
.vft-zoom-in-left-leave-active {
  transform: scale(0.45, 0.45);
  opacity: 0;
}

.collapse-transition {
  transition: var(--vft-transition-duration) height ease-in-out, var(--vft-transition-duration) padding-top ease-in-out, var(--vft-transition-duration) padding-bottom ease-in-out;
}

.vft-collapse-transition-leave-active,
.vft-collapse-transition-enter-active {
  transition: var(--vft-transition-duration) max-height ease-in-out, var(--vft-transition-duration) padding-top ease-in-out, var(--vft-transition-duration) padding-bottom ease-in-out;
}

.horizontal-collapse-transition {
  transition: var(--vft-transition-duration) width ease-in-out, var(--vft-transition-duration) padding-left ease-in-out, var(--vft-transition-duration) padding-right ease-in-out;
}

.vft-list-enter-active,
.vft-list-leave-active {
  transition: all 1s;
}

.vft-list-enter-from,
.vft-list-leave-to {
  transform: translateY(-1.875rem);
  opacity: 0;
}

.vft-list-leave-active {
  position: absolute !important;
}

.vft-opacity-transition {
  transition: opacity var(--vft-transition-duration) cubic-bezier(0.55, 0, 0.1, 1);
}

@keyframes vft-rotate {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes vft-loading-dot {
  33% {
    transform: translateY(-2em);
  }
  66% {
    transform: translateY(-1em);
  }
}
.vft-slider {
  display: flex;
  align-items: center;
  width: 100%;
  height: 2rem;
  --vft-slider-main-bg-color: var(--vft-primary-color);
  --vft-slider-runway-bg-color: var(--vft-border-color-light);
  --vft-slider-stop-bg-color: var(--vft-color-white);
  --vft-slider-disabled-color: var(--vft-text-placeholder-color);
  --vft-slider-border-radius: 0.1875rem;
  --vft-slider-height: 0.375rem;
  --vft-slider-button-size: 1.25rem;
  --vft-slider-button-wrapper-size: 2.25rem;
  --vft-slider-button-wrapper-offset: -0.9375rem;
}
.vft-slider--large {
  height: 2.5rem;
}

.vft-slider--small {
  height: 1.5rem;
}

.vft-slider__runway {
  position: relative;
  flex: 1;
  height: var(--vft-slider-height);
  border-radius: var(--vft-slider-border-radius);
  background-color: var(--vft-slider-runway-bg-color);
  cursor: pointer;
}
.vft-slider__runway.show-input {
  width: auto;
  margin-right: 1.875rem;
}
.vft-slider__runway.is-disabled {
  cursor: default;
}
.vft-slider__runway.is-disabled .vft-slider__bar {
  background-color: var(--vft-slider-disabled-color);
}
.vft-slider__runway.is-disabled .vft-slider__button-wrapper:hover, .vft-slider__runway.is-disabled .vft-slider__button-wrapper.hover {
  cursor: not-allowed;
}
.vft-slider__runway.is-disabled .vft-slider__button-wrapper.dragging {
  cursor: not-allowed;
}
.vft-slider__runway.is-disabled .vft-slider__button {
  border-color: var(--vft-slider-disabled-color);
}
.vft-slider__runway.is-disabled .vft-slider__button:hover, .vft-slider__runway.is-disabled .vft-slider__button.hover, .vft-slider__runway.is-disabled .vft-slider__button.dragging {
  transform: scale(1);
}
.vft-slider__runway.is-disabled .vft-slider__button:hover, .vft-slider__runway.is-disabled .vft-slider__button.hover {
  cursor: not-allowed;
}
.vft-slider__runway.is-disabled .vft-slider__button.dragging {
  cursor: not-allowed;
}

.vft-slider__input {
  flex-shrink: 0;
  width: 8.125rem;
}

.vft-slider__bar {
  position: absolute;
  height: var(--vft-slider-height);
  border-top-left-radius: var(--vft-slider-border-radius);
  border-bottom-left-radius: var(--vft-slider-border-radius);
  background-color: var(--vft-slider-main-bg-color);
}

.vft-slider__button-wrapper {
  position: absolute;
  z-index: 1;
  top: var(--vft-slider-button-wrapper-offset);
  width: var(--vft-slider-button-wrapper-size);
  height: var(--vft-slider-button-wrapper-size);
  transform: translateX(-50%);
  outline: none;
  background-color: transparent;
  line-height: normal;
  text-align: center;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.vft-slider__button-wrapper::after {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}

.vft-slider__button-wrapper:hover, .vft-slider__button-wrapper.hover {
  cursor: grab;
}
.vft-slider__button-wrapper.dragging {
  cursor: grabbing;
}

.vft-slider__button {
  display: inline-block;
  box-sizing: border-box;
  width: var(--vft-slider-button-size);
  height: var(--vft-slider-button-size);
  transition: var(--vft-transition-duration-fast);
  border: solid 0.125rem var(--vft-slider-main-bg-color);
  border-radius: 50%;
  background-color: var(--vft-color-white);
  vertical-align: middle;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.vft-slider__button:hover, .vft-slider__button.hover, .vft-slider__button.dragging {
  transform: scale(1.2);
}
.vft-slider__button:hover, .vft-slider__button.hover {
  cursor: grab;
}
.vft-slider__button.dragging {
  cursor: grabbing;
}

.vft-slider__stop {
  position: absolute;
  width: var(--vft-slider-height);
  height: var(--vft-slider-height);
  transform: translateX(-50%);
  border-radius: var(--vft-border-radius-circle);
  background-color: var(--vft-slider-stop-bg-color);
}

.vft-slider__marks {
  top: 0;
  left: 0.75rem;
  width: 1.125rem;
  height: 100%;
}
.vft-slider__marks-text {
  position: absolute;
  margin-top: 0.9375rem;
  transform: translateX(-50%);
  color: var(--vft-info-color);
  font-size: 0.875rem;
  white-space: pre;
}

.vft-slider.is-vertical {
  display: inline-flex;
  position: relative;
  flex: 0;
  width: auto;
  height: 100%;
}
.vft-slider.is-vertical .vft-slider__marks-text {
  left: 0.9375rem;
  margin-top: 0;
  transform: translateY(50%);
}

.vft-slider.is-vertical .vft-slider__runway {
  width: var(--vft-slider-height);
  height: 100%;
  margin: 0 1rem;
}
.vft-slider.is-vertical .vft-slider__bar {
  width: var(--vft-slider-height);
  height: auto;
  border-radius: 0 0 0.1875rem 0.1875rem;
}
.vft-slider.is-vertical .vft-slider__button-wrapper {
  top: auto;
  left: var(--vft-slider-button-wrapper-offset);
  transform: translateY(50%);
}
.vft-slider.is-vertical .vft-slider__stop {
  transform: translateY(50%);
}.vft-fade-in-linear-enter-active,
.vft-fade-in-linear-leave-active {
  transition: var(--vft-transition-fade-linear);
}

.vft-fade-in-linear-enter-from,
.vft-fade-in-linear-leave-to {
  opacity: 0;
}

.vft-fade-in-enter-active,
.vft-fade-in-leave-active {
  transition: all var(--vft-transition-duration) cubic-bezier(0.55, 0, 0.1, 1);
}

.vft-fade-in-enter-from,
.vft-fade-in-leave-active {
  opacity: 0;
}

.vft-zoom-in-center-enter-active,
.vft-zoom-in-center-leave-active {
  transition: all var(--vft-transition-duration) cubic-bezier(0.55, 0, 0.1, 1);
}

.vft-zoom-in-center-enter-from,
.vft-zoom-in-center-leave-active {
  transform: scaleX(0);
  opacity: 0;
}

.vft-zoom-in-top-enter-active,
.vft-zoom-in-top-leave-active {
  transition: var(--vft-transition-md-fade);
  transform: scaleY(1);
  transform-origin: center top;
  opacity: 1;
}
.vft-zoom-in-top-enter-active[data-popper-placement^=top],
.vft-zoom-in-top-leave-active[data-popper-placement^=top] {
  transform-origin: center bottom;
}

.vft-zoom-in-top-enter-from,
.vft-zoom-in-top-leave-active {
  transform: scaleY(0);
  opacity: 0;
}

.vft-zoom-in-top-fast-enter-active {
  transition: var(--vft-transition-md-fade);
  transform: scaleY(1);
  transform-origin: center top;
  opacity: 1;
}
.vft-zoom-in-top-fast-enter-active[data-popper-placement^=top] {
  transform-origin: center bottom;
}

.vft-zoom-in-top-fast-leave-active {
  transform: scaleY(1);
  transform-origin: center top;
  opacity: 1;
}
.vft-zoom-in-top-fast-leave-active[data-popper-placement^=top] {
  transform-origin: center bottom;
}

.vft-zoom-in-top-fast-enter-from,
.vft-zoom-in-top-fast-leave-active {
  transform: scaleY(0);
  opacity: 0;
}

.vft-zoom-in-bottom-enter-active,
.vft-zoom-in-bottom-leave-active {
  transform: scaleY(1);
  transform-origin: center bottom;
  transition: var(--vft-transition-md-fade);
  opacity: 1;
}

.vft-zoom-in-bottom-enter-from,
.vft-zoom-in-bottom-leave-active {
  transform: scaleY(0);
  opacity: 0;
}

.vft-zoom-in-left-enter-active,
.vft-zoom-in-left-leave-active {
  transform: scale(1, 1);
  transform-origin: top left;
  transition: var(--vft-transition-md-fade);
  opacity: 1;
}

.vft-zoom-in-left-enter-from,
.vft-zoom-in-left-leave-active {
  transform: scale(0.45, 0.45);
  opacity: 0;
}

.collapse-transition {
  transition: var(--vft-transition-duration) height ease-in-out, var(--vft-transition-duration) padding-top ease-in-out, var(--vft-transition-duration) padding-bottom ease-in-out;
}

.vft-collapse-transition-leave-active,
.vft-collapse-transition-enter-active {
  transition: var(--vft-transition-duration) max-height ease-in-out, var(--vft-transition-duration) padding-top ease-in-out, var(--vft-transition-duration) padding-bottom ease-in-out;
}

.horizontal-collapse-transition {
  transition: var(--vft-transition-duration) width ease-in-out, var(--vft-transition-duration) padding-left ease-in-out, var(--vft-transition-duration) padding-right ease-in-out;
}

.vft-list-enter-active,
.vft-list-leave-active {
  transition: all 1s;
}

.vft-list-enter-from,
.vft-list-leave-to {
  transform: translateY(-1.875rem);
  opacity: 0;
}

.vft-list-leave-active {
  position: absolute !important;
}

.vft-opacity-transition {
  transition: opacity var(--vft-transition-duration) cubic-bezier(0.55, 0, 0.1, 1);
}

@keyframes vft-rotate {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes vft-loading-dot {
  33% {
    transform: translateY(-2em);
  }
  66% {
    transform: translateY(-1em);
  }
}
.vft-input-number {
  display: inline-flex;
  position: relative;
  width: 9.375rem;
  line-height: 1.875rem;
}
.vft-input-number--large {
  width: 11.25rem;
  line-height: 2.375rem;
}
.vft-input-number--large .vft-input-number__increase, .vft-input-number--large .vft-input-number__decrease {
  width: 2.5rem;
  font-size: 0.875rem;
}

.vft-input-number--large .vft-input__wrapper {
  padding-right: 2.9375rem;
  padding-left: 2.9375rem;
}

.vft-input-number--small {
  width: 7.5rem;
  line-height: 1.375rem;
}
.vft-input-number--small .vft-input-number__increase, .vft-input-number--small .vft-input-number__decrease {
  width: 1.5rem;
  font-size: 0.75rem;
}

.vft-input-number--small .vft-input__wrapper {
  padding-right: 1.9375rem;
  padding-left: 1.9375rem;
}

.vft-input-number .icon-arrow-down {
  width: 1em;
  height: 1em;
  background-color: currentcolor;
  -webkit-mask: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="M831.872 340.864L512 652.672L192.128 340.864a30.592 30.592 0 0 0-42.752 0a29.12 29.12 0 0 0 0 41.6L489.664 714.24a32 32 0 0 0 44.672 0l340.288-331.712a29.12 29.12 0 0 0 0-41.728a30.592 30.592 0 0 0-42.752 0z"%2F%3E%3C%2Fsvg%3E') no-repeat;
          mask: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="M831.872 340.864L512 652.672L192.128 340.864a30.592 30.592 0 0 0-42.752 0a29.12 29.12 0 0 0 0 41.6L489.664 714.24a32 32 0 0 0 44.672 0l340.288-331.712a29.12 29.12 0 0 0 0-41.728a30.592 30.592 0 0 0-42.752 0z"%2F%3E%3C%2Fsvg%3E') no-repeat;
  -webkit-mask-size: 100% 100%;
          mask-size: 100% 100%;
}
.vft-input-number .icon-arrow-up {
  width: 1em;
  height: 1em;
  background-color: currentcolor;
  -webkit-mask: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="m488.832 344.32l-339.84 356.672a32 32 0 0 0 0 44.16l.384.384a29.44 29.44 0 0 0 42.688 0l320-335.872l319.872 335.872a29.44 29.44 0 0 0 42.688 0l.384-.384a32 32 0 0 0 0-44.16L535.168 344.32a32 32 0 0 0-46.336 0z"%2F%3E%3C%2Fsvg%3E') no-repeat;
          mask: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="m488.832 344.32l-339.84 356.672a32 32 0 0 0 0 44.16l.384.384a29.44 29.44 0 0 0 42.688 0l320-335.872l319.872 335.872a29.44 29.44 0 0 0 42.688 0l.384-.384a32 32 0 0 0 0-44.16L535.168 344.32a32 32 0 0 0-46.336 0z"%2F%3E%3C%2Fsvg%3E') no-repeat;
  -webkit-mask-size: 100% 100%;
          mask-size: 100% 100%;
}
.vft-input-number__increase, .vft-input-number__decrease {
  display: flex;
  position: absolute;
  z-index: 1;
  top: 0.0625rem;
  bottom: 0.0625rem;
  align-items: center;
  justify-content: center;
  width: 2rem;
  height: auto;
  background: var(--vft-fill-color-light);
  color: var(--vft-text-regular-color);
  font-size: 0.8125rem;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.vft-input-number__increase:hover, .vft-input-number__decrease:hover {
  color: var(--vft-primary-color);
}
.vft-input-number__increase:hover ~ .vft-input:not(.is-disabled) .vft-input_wrapper, .vft-input-number__decrease:hover ~ .vft-input:not(.is-disabled) .vft-input_wrapper {
  box-shadow: 0 0 0 0.0625rem var(--vft-input-focus-border-color, var(--vft-primary-color)) inset;
}
.vft-input-number__increase.is-disabled, .vft-input-number__decrease.is-disabled {
  color: var(--vft-disabled-text-color);
  cursor: not-allowed;
}

.vft-input-number__increase {
  right: 0.0625rem;
  border-left: var(--vft-border);
  border-radius: 0 var(--vft-border-radius-base) var(--vft-border-radius-base) 0;
}

.vft-input-number__decrease {
  left: 0.0625rem;
  border-right: var(--vft-border);
  border-radius: var(--vft-border-radius-base) 0 0 var(--vft-border-radius-base);
}

.vft-input-number.is-disabled .vft-input-number__increase, .vft-input-number.is-disabled .vft-input-number__decrease {
  border-color: var(--vft-disabled-border-color);
  color: var(--vft-disabled-border-color);
}
.vft-input-number.is-disabled .vft-input-number__increase:hover, .vft-input-number.is-disabled .vft-input-number__decrease:hover {
  color: var(--vft-disabled-border-color);
  cursor: not-allowed;
}

.vft-input-number--small .vft-input-number__increase [class*=vft-icon], .vft-input-number--small .vft-input-number__decrease [class*=vft-icon] {
  transform: scale(0.9);
}

.vft-input-number.is-without-controls .vft-input__wrapper {
  padding-right: 0.9375rem;
  padding-left: 0.9375rem;
}

.vft-input-number.is-controls-right[class*=large] [class*=increase],
.vft-input-number.is-controls-right[class*=large] [class*=decrease] {
  --vft-input-number-controls-height: 1.1875rem;
}
.vft-input-number.is-controls-right[class*=small] [class*=increase],
.vft-input-number.is-controls-right[class*=small] [class*=decrease] {
  --vft-input-number-controls-height: 0.6875rem;
}
.vft-input-number.is-controls-right .vft-input-number__increase, .vft-input-number.is-controls-right .vft-input-number__decrease {
  height: var(--vft-input-number-controls-height);
  line-height: var(--vft-input-number-controls-height);
  --vft-input-number-controls-height: 0.9375rem;
}
.vft-input-number.is-controls-right .vft-input-number__increase [class*=vft-icon], .vft-input-number.is-controls-right .vft-input-number__decrease [class*=vft-icon] {
  transform: scale(0.8);
}

.vft-input-number.is-controls-right .vft-input-number__increase {
  bottom: auto;
  left: auto;
  border-bottom: var(--vft-border);
  border-radius: 0 var(--vft-border-radius-base) 0 0;
}

.vft-input-number.is-controls-right .vft-input-number__decrease {
  top: auto;
  right: 0.0625rem;
  left: auto;
  border-right: none;
  border-left: var(--vft-border);
  border-radius: 0 0 var(--vft-border-radius-base) 0;
}

.vft-input-number.is-controls-right .vft-input__wrapper {
  padding-right: 2.625rem;
  padding-left: 0.9375rem;
}

.vft-input-number .vft-input__wrapper {
  padding-right: 2.625rem;
  padding-left: 2.625rem;
}
.vft-input-number .vft-input__inner {
  line-height: 1;
  text-align: center;
  -webkit-appearance: none;
  -moz-appearance: textfield;
}
.vft-input-number .vft-input__inner::-webkit-inner-spin-button, .vft-input-number .vft-input__inner::-webkit-outer-spin-button {
  margin: 0;
  -webkit-appearance: none;
}
.vft-input-number .icon-minus {
  width: 1em;
  height: 1em;
  background-color: currentcolor;
  -webkit-mask: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="M128 544h768a32 32 0 1 0 0-64H128a32 32 0 0 0 0 64z"%2F%3E%3C%2Fsvg%3E') no-repeat;
          mask: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="M128 544h768a32 32 0 1 0 0-64H128a32 32 0 0 0 0 64z"%2F%3E%3C%2Fsvg%3E') no-repeat;
  -webkit-mask-size: 100% 100%;
          mask-size: 100% 100%;
}
.vft-input-number .icon-plus {
  width: 1em;
  height: 1em;
  background-color: currentcolor;
  -webkit-mask: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="M480 480V128a32 32 0 0 1 64 0v352h352a32 32 0 1 1 0 64H544v352a32 32 0 1 1-64 0V544H128a32 32 0 0 1 0-64h352z"%2F%3E%3C%2Fsvg%3E') no-repeat;
          mask: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="M480 480V128a32 32 0 0 1 64 0v352h352a32 32 0 1 1 0 64H544v352a32 32 0 1 1-64 0V544H128a32 32 0 0 1 0-64h352z"%2F%3E%3C%2Fsvg%3E') no-repeat;
  -webkit-mask-size: 100% 100%;
          mask-size: 100% 100%;
}.vft-fade-in-linear-enter-active,
.vft-fade-in-linear-leave-active {
  transition: var(--vft-transition-fade-linear);
}

.vft-fade-in-linear-enter-from,
.vft-fade-in-linear-leave-to {
  opacity: 0;
}

.vft-fade-in-enter-active,
.vft-fade-in-leave-active {
  transition: all var(--vft-transition-duration) cubic-bezier(0.55, 0, 0.1, 1);
}

.vft-fade-in-enter-from,
.vft-fade-in-leave-active {
  opacity: 0;
}

.vft-zoom-in-center-enter-active,
.vft-zoom-in-center-leave-active {
  transition: all var(--vft-transition-duration) cubic-bezier(0.55, 0, 0.1, 1);
}

.vft-zoom-in-center-enter-from,
.vft-zoom-in-center-leave-active {
  transform: scaleX(0);
  opacity: 0;
}

.vft-zoom-in-top-enter-active,
.vft-zoom-in-top-leave-active {
  transition: var(--vft-transition-md-fade);
  transform: scaleY(1);
  transform-origin: center top;
  opacity: 1;
}
.vft-zoom-in-top-enter-active[data-popper-placement^=top],
.vft-zoom-in-top-leave-active[data-popper-placement^=top] {
  transform-origin: center bottom;
}

.vft-zoom-in-top-enter-from,
.vft-zoom-in-top-leave-active {
  transform: scaleY(0);
  opacity: 0;
}

.vft-zoom-in-top-fast-enter-active {
  transition: var(--vft-transition-md-fade);
  transform: scaleY(1);
  transform-origin: center top;
  opacity: 1;
}
.vft-zoom-in-top-fast-enter-active[data-popper-placement^=top] {
  transform-origin: center bottom;
}

.vft-zoom-in-top-fast-leave-active {
  transform: scaleY(1);
  transform-origin: center top;
  opacity: 1;
}
.vft-zoom-in-top-fast-leave-active[data-popper-placement^=top] {
  transform-origin: center bottom;
}

.vft-zoom-in-top-fast-enter-from,
.vft-zoom-in-top-fast-leave-active {
  transform: scaleY(0);
  opacity: 0;
}

.vft-zoom-in-bottom-enter-active,
.vft-zoom-in-bottom-leave-active {
  transform: scaleY(1);
  transform-origin: center bottom;
  transition: var(--vft-transition-md-fade);
  opacity: 1;
}

.vft-zoom-in-bottom-enter-from,
.vft-zoom-in-bottom-leave-active {
  transform: scaleY(0);
  opacity: 0;
}

.vft-zoom-in-left-enter-active,
.vft-zoom-in-left-leave-active {
  transform: scale(1, 1);
  transform-origin: top left;
  transition: var(--vft-transition-md-fade);
  opacity: 1;
}

.vft-zoom-in-left-enter-from,
.vft-zoom-in-left-leave-active {
  transform: scale(0.45, 0.45);
  opacity: 0;
}

.collapse-transition {
  transition: var(--vft-transition-duration) height ease-in-out, var(--vft-transition-duration) padding-top ease-in-out, var(--vft-transition-duration) padding-bottom ease-in-out;
}

.vft-collapse-transition-leave-active,
.vft-collapse-transition-enter-active {
  transition: var(--vft-transition-duration) max-height ease-in-out, var(--vft-transition-duration) padding-top ease-in-out, var(--vft-transition-duration) padding-bottom ease-in-out;
}

.horizontal-collapse-transition {
  transition: var(--vft-transition-duration) width ease-in-out, var(--vft-transition-duration) padding-left ease-in-out, var(--vft-transition-duration) padding-right ease-in-out;
}

.vft-list-enter-active,
.vft-list-leave-active {
  transition: all 1s;
}

.vft-list-enter-from,
.vft-list-leave-to {
  transform: translateY(-1.875rem);
  opacity: 0;
}

.vft-list-leave-active {
  position: absolute !important;
}

.vft-opacity-transition {
  transition: opacity var(--vft-transition-duration) cubic-bezier(0.55, 0, 0.1, 1);
}

@keyframes vft-rotate {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes vft-loading-dot {
  33% {
    transform: translateY(-2em);
  }
  66% {
    transform: translateY(-1em);
  }
}.vft-fade-in-linear-enter-active,
.vft-fade-in-linear-leave-active {
  transition: var(--vft-transition-fade-linear);
}

.vft-fade-in-linear-enter-from,
.vft-fade-in-linear-leave-to {
  opacity: 0;
}

.vft-fade-in-enter-active,
.vft-fade-in-leave-active {
  transition: all var(--vft-transition-duration) cubic-bezier(0.55, 0, 0.1, 1);
}

.vft-fade-in-enter-from,
.vft-fade-in-leave-active {
  opacity: 0;
}

.vft-zoom-in-center-enter-active,
.vft-zoom-in-center-leave-active {
  transition: all var(--vft-transition-duration) cubic-bezier(0.55, 0, 0.1, 1);
}

.vft-zoom-in-center-enter-from,
.vft-zoom-in-center-leave-active {
  transform: scaleX(0);
  opacity: 0;
}

.vft-zoom-in-top-enter-active,
.vft-zoom-in-top-leave-active {
  transition: var(--vft-transition-md-fade);
  transform: scaleY(1);
  transform-origin: center top;
  opacity: 1;
}
.vft-zoom-in-top-enter-active[data-popper-placement^=top],
.vft-zoom-in-top-leave-active[data-popper-placement^=top] {
  transform-origin: center bottom;
}

.vft-zoom-in-top-enter-from,
.vft-zoom-in-top-leave-active {
  transform: scaleY(0);
  opacity: 0;
}

.vft-zoom-in-top-fast-enter-active {
  transition: var(--vft-transition-md-fade);
  transform: scaleY(1);
  transform-origin: center top;
  opacity: 1;
}
.vft-zoom-in-top-fast-enter-active[data-popper-placement^=top] {
  transform-origin: center bottom;
}

.vft-zoom-in-top-fast-leave-active {
  transform: scaleY(1);
  transform-origin: center top;
  opacity: 1;
}
.vft-zoom-in-top-fast-leave-active[data-popper-placement^=top] {
  transform-origin: center bottom;
}

.vft-zoom-in-top-fast-enter-from,
.vft-zoom-in-top-fast-leave-active {
  transform: scaleY(0);
  opacity: 0;
}

.vft-zoom-in-bottom-enter-active,
.vft-zoom-in-bottom-leave-active {
  transform: scaleY(1);
  transform-origin: center bottom;
  transition: var(--vft-transition-md-fade);
  opacity: 1;
}

.vft-zoom-in-bottom-enter-from,
.vft-zoom-in-bottom-leave-active {
  transform: scaleY(0);
  opacity: 0;
}

.vft-zoom-in-left-enter-active,
.vft-zoom-in-left-leave-active {
  transform: scale(1, 1);
  transform-origin: top left;
  transition: var(--vft-transition-md-fade);
  opacity: 1;
}

.vft-zoom-in-left-enter-from,
.vft-zoom-in-left-leave-active {
  transform: scale(0.45, 0.45);
  opacity: 0;
}

.collapse-transition {
  transition: var(--vft-transition-duration) height ease-in-out, var(--vft-transition-duration) padding-top ease-in-out, var(--vft-transition-duration) padding-bottom ease-in-out;
}

.vft-collapse-transition-leave-active,
.vft-collapse-transition-enter-active {
  transition: var(--vft-transition-duration) max-height ease-in-out, var(--vft-transition-duration) padding-top ease-in-out, var(--vft-transition-duration) padding-bottom ease-in-out;
}

.horizontal-collapse-transition {
  transition: var(--vft-transition-duration) width ease-in-out, var(--vft-transition-duration) padding-left ease-in-out, var(--vft-transition-duration) padding-right ease-in-out;
}

.vft-list-enter-active,
.vft-list-leave-active {
  transition: all 1s;
}

.vft-list-enter-from,
.vft-list-leave-to {
  transform: translateY(-1.875rem);
  opacity: 0;
}

.vft-list-leave-active {
  position: absolute !important;
}

.vft-opacity-transition {
  transition: opacity var(--vft-transition-duration) cubic-bezier(0.55, 0, 0.1, 1);
}

@keyframes vft-rotate {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes vft-loading-dot {
  33% {
    transform: translateY(-2em);
  }
  66% {
    transform: translateY(-1em);
  }
}
.vft-color-predefine {
  display: flex;
  width: 17.5rem;
  margin-top: 0.5rem;
  font-size: 0.75rem;
}
.vft-color-predefine__colors {
  display: flex;
  flex: 1;
  flex-wrap: wrap;
}

.vft-color-predefine__color-selector {
  width: 1.25rem;
  height: 1.25rem;
  margin: 0 0 0.5rem 0.5rem;
  border-radius: 0.25rem;
  cursor: pointer;
}
.vft-color-predefine__color-selector.is-alpha {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==);
}

.vft-color-predefine__color-selector:nth-child(10n+1) {
  margin-left: 0;
}
.vft-color-predefine__color-selector.selected {
  box-shadow: 0 0 0.1875rem 0.125rem var(--vft-primary-color);
}
.vft-color-predefine__color-selector > div {
  display: flex;
  height: 100%;
  border-radius: 0.1875rem;
}

.vft-color-hue-slider {
  position: relative;
  box-sizing: border-box;
  width: 17.5rem;
  height: 0.75rem;
  padding: 0 0.125rem;
  float: right;
  background-color: #f00;
}
.vft-color-hue-slider__bar {
  position: relative;
  height: 100%;
  background: linear-gradient(to right, #f00 0%, #ff0 17%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, #f00 100%);
}

.vft-color-hue-slider__thumb {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  box-sizing: border-box;
  width: 0.25rem;
  height: 100%;
  border: 0.0625rem solid var(--vft-border-color-lighter);
  border-radius: 0.0625rem;
  background: #fff;
  box-shadow: 0 0 0.125rem rgba(0, 0, 0, 0.6);
  cursor: pointer;
}

.vft-color-hue-slider.is-vertical {
  width: 0.75rem;
  height: 11.25rem;
  padding: 0.125rem 0;
}
.vft-color-hue-slider.is-vertical .vft-color-hue-slider__bar {
  background: linear-gradient(to bottom, #f00 0%, #ff0 17%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, #f00 100%);
}
.vft-color-hue-slider.is-vertical .vft-color-hue-slider__thumb {
  top: 0;
  left: 0;
  width: 100%;
  height: 0.25rem;
}

.vft-color-svpanel {
  position: relative;
  width: 17.5rem;
  height: 11.25rem;
}
.vft-color-svpanel__white, .vft-color-svpanel__black {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.vft-color-svpanel__white {
  background: linear-gradient(to right, #fff, rgba(255, 255, 255, 0));
}

.vft-color-svpanel__black {
  background: linear-gradient(to top, #000, rgba(0, 0, 0, 0));
}

.vft-color-svpanel__cursor {
  position: absolute;
}
.vft-color-svpanel__cursor > div {
  width: 0.25rem;
  height: 0.25rem;
  transform: translate(-0.125rem, -0.125rem);
  border-radius: 50%;
  box-shadow: 0 0 0 0.09375rem #fff, inset 0 0 0.0625rem 0.0625rem rgba(0, 0, 0, 0.3), 0 0 0.0625rem 0.125rem rgba(0, 0, 0, 0.4);
  cursor: head;
}

.vft-color-alpha-slider {
  position: relative;
  box-sizing: border-box;
  width: 17.5rem;
  height: 0.75rem;
  background-image: linear-gradient(45deg, var(--vft-color-picker-alpha-bg-a) 25%, var(--vft-color-picker-alpha-bg-b) 25%), linear-gradient(135deg, var(--vft-color-picker-alpha-bg-a) 25%, var(--vft-color-picker-alpha-bg-b) 25%), linear-gradient(45deg, var(--vft-color-picker-alpha-bg-b) 75%, var(--vft-color-picker-alpha-bg-a) 75%), linear-gradient(135deg, var(--vft-color-picker-alpha-bg-b) 75%, var(--vft-color-picker-alpha-bg-a) 75%);
  background-position: 0 0, 0.375rem 0, 0.375rem -0.375rem, 0 0.375rem;
  background-size: 0.75rem 0.75rem;
}
.vft-color-alpha-slider__bar {
  position: relative;
  height: 100%;
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, var(--vft-bg-color) 100%);
}

.vft-color-alpha-slider__thumb {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  box-sizing: border-box;
  width: 0.25rem;
  height: 100%;
  border: 0.0625rem solid var(--vft-border-color-lighter);
  border-radius: 0.0625rem;
  background: #fff;
  box-shadow: 0 0 0.125rem rgba(0, 0, 0, 0.6);
  cursor: pointer;
}

.vft-color-alpha-slider.is-vertical {
  width: 1.25rem;
  height: 11.25rem;
}
.vft-color-alpha-slider.is-vertical .vft-color-alpha-slider__bar {
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%);
}
.vft-color-alpha-slider.is-vertical .vft-color-alpha-slider__thumb {
  top: 0;
  left: 0;
  width: 100%;
  height: 0.25rem;
}

.vft-color-dropdown {
  width: 18.75rem;
}
.vft-color-dropdown__main-wrapper {
  margin-bottom: 0.375rem;
}
.vft-color-dropdown__main-wrapper::after {
  content: "";
  display: table;
  clear: both;
}

.vft-color-dropdown__btns {
  margin-top: 0.75rem;
  text-align: right;
}

.vft-color-dropdown__value {
  width: 10rem;
  float: left;
  color: #000;
  font-size: 0.75rem;
  line-height: 1.625rem;
}

.vft-color-picker {
  display: inline-block;
  position: relative;
  outline: none;
  line-height: normal;
}
.vft-color-picker .icon-arrow-down {
  width: 1em;
  height: 1em;
  background-color: currentcolor;
  -webkit-mask: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="M831.872 340.864L512 652.672L192.128 340.864a30.592 30.592 0 0 0-42.752 0a29.12 29.12 0 0 0 0 41.6L489.664 714.24a32 32 0 0 0 44.672 0l340.288-331.712a29.12 29.12 0 0 0 0-41.728a30.592 30.592 0 0 0-42.752 0z"%2F%3E%3C%2Fsvg%3E') no-repeat;
          mask: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="M831.872 340.864L512 652.672L192.128 340.864a30.592 30.592 0 0 0-42.752 0a29.12 29.12 0 0 0 0 41.6L489.664 714.24a32 32 0 0 0 44.672 0l340.288-331.712a29.12 29.12 0 0 0 0-41.728a30.592 30.592 0 0 0-42.752 0z"%2F%3E%3C%2Fsvg%3E') no-repeat;
  -webkit-mask-size: 100% 100%;
          mask-size: 100% 100%;
}
.vft-color-picker .icon-circle-close {
  width: 1em;
  height: 1em;
  background-color: currentcolor;
  -webkit-mask: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="m466.752 512l-90.496-90.496a32 32 0 0 1 45.248-45.248L512 466.752l90.496-90.496a32 32 0 1 1 45.248 45.248L557.248 512l90.496 90.496a32 32 0 1 1-45.248 45.248L512 557.248l-90.496 90.496a32 32 0 0 1-45.248-45.248L466.752 512z"%2F%3E%3Cpath fill="currentColor" d="M512 896a384 384 0 1 0 0-768a384 384 0 0 0 0 768zm0 64a448 448 0 1 1 0-896a448 448 0 0 1 0 896z"%2F%3E%3C%2Fsvg%3E') no-repeat;
          mask: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="m466.752 512l-90.496-90.496a32 32 0 0 1 45.248-45.248L512 466.752l90.496-90.496a32 32 0 1 1 45.248 45.248L557.248 512l90.496 90.496a32 32 0 1 1-45.248 45.248L512 557.248l-90.496 90.496a32 32 0 0 1-45.248-45.248L466.752 512z"%2F%3E%3Cpath fill="currentColor" d="M512 896a384 384 0 1 0 0-768a384 384 0 0 0 0 768zm0 64a448 448 0 1 1 0-896a448 448 0 0 1 0 896z"%2F%3E%3C%2Fsvg%3E') no-repeat;
  -webkit-mask-size: 100% 100%;
          mask-size: 100% 100%;
}
.vft-color-picker--large {
  height: 2.5rem;
}
.vft-color-picker--large .vft-color-picker__trigger {
  width: 2.5rem;
  height: 2.5rem;
}
.vft-color-picker--large .vft-color-picker__mask {
  width: 2.375rem;
  height: 2.375rem;
}

.vft-color-picker--small {
  height: 1.5rem;
}
.vft-color-picker--small .vft-color-picker__trigger {
  width: 1.5rem;
  height: 1.5rem;
}
.vft-color-picker--small .vft-color-picker__mask {
  width: 1.375rem;
  height: 1.375rem;
}

.vft-color-picker.is-disabled .vft-color-picker__trigger {
  cursor: not-allowed;
}

.vft-color-picker--small .vft-color-picker__icon,
.vft-color-picker--small .vft-color-picker__empty {
  transform: scale(0.8);
}

.vft-color-picker__mask {
  position: absolute;
  z-index: 1;
  top: 0.0625rem;
  left: 0.0625rem;
  width: 1.875rem;
  height: 1.875rem;
  border-radius: 0.25rem;
  background-color: rgba(255, 255, 255, 0.7);
  cursor: not-allowed;
}

.vft-color-picker__trigger {
  display: inline-flex;
  position: relative;
  box-sizing: border-box;
  align-items: center;
  justify-content: center;
  width: 2rem;
  height: 2rem;
  padding: 0.25rem;
  border: 0.0625rem solid var(--vft-border-color);
  border-radius: 0.25rem;
  font-size: 0;
  cursor: pointer;
}

.vft-color-picker__color {
  display: block;
  position: relative;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  border: 0.0625rem solid var(--vft-text-secondary-color);
  border-radius: var(--vft-border-radius-small);
  text-align: center;
}
.vft-color-picker__color.is-alpha {
  background-image: linear-gradient(45deg, var(--vft-color-picker-alpha-bg-a) 25%, var(--vft-color-picker-alpha-bg-b) 25%), linear-gradient(135deg, var(--vft-color-picker-alpha-bg-a) 25%, var(--vft-color-picker-alpha-bg-b) 25%), linear-gradient(45deg, var(--vft-color-picker-alpha-bg-b) 75%, var(--vft-color-picker-alpha-bg-a) 75%), linear-gradient(135deg, var(--vft-color-picker-alpha-bg-b) 75%, var(--vft-color-picker-alpha-bg-a) 75%);
  background-position: 0 0, 0.375rem 0, 0.375rem -0.375rem, 0 0.375rem;
  background-size: 0.75rem 0.75rem;
}

.vft-color-picker__color-inner {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}

.vft-color-picker__panel {
  position: absolute;
  z-index: 10;
  box-sizing: content-box;
  padding: 0.375rem;
  border-radius: var(--vft-border-radius-base);
  background-color: #fff;
  box-shadow: var(--vft-box-shadow-light);
}
.vft-color-picker__panel.vft-popper {
  border: 0.0625rem solid var(--vft-border-color-lighter);
}

.vft-color-picker:hover:not(.is-disabled) .vft-color-picker__trigger {
  border: 0.0625rem solid var(--vft-border-color-hover);
}
.vft-color-picker:focus-visible:not(.is-disabled) .vft-color-picker__trigger {
  outline: 0.125rem solid var(--vft-primary-color);
  outline-offset: 0.0625rem;
}
.vft-color-picker .vft-color-picker__empty {
  color: var(--vft-text-secondary-color);
  font-size: 0.75rem;
}
.vft-color-picker .vft-color-picker__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 0.75rem;
}

.vft-color-picker,
.vft-color-picker__panel {
  --vft-color-picker-alpha-bg-a: #ccc;
  --vft-color-picker-alpha-bg-b: transparent;
}

.dark .vft-color-picker,
.dark .vft-color-picker__panel {
  --vft-color-picker-alpha-bg-a: #333333;
}.vft-fade-in-linear-enter-active,
.vft-fade-in-linear-leave-active {
  transition: var(--vft-transition-fade-linear);
}

.vft-fade-in-linear-enter-from,
.vft-fade-in-linear-leave-to {
  opacity: 0;
}

.vft-fade-in-enter-active,
.vft-fade-in-leave-active {
  transition: all var(--vft-transition-duration) cubic-bezier(0.55, 0, 0.1, 1);
}

.vft-fade-in-enter-from,
.vft-fade-in-leave-active {
  opacity: 0;
}

.vft-zoom-in-center-enter-active,
.vft-zoom-in-center-leave-active {
  transition: all var(--vft-transition-duration) cubic-bezier(0.55, 0, 0.1, 1);
}

.vft-zoom-in-center-enter-from,
.vft-zoom-in-center-leave-active {
  transform: scaleX(0);
  opacity: 0;
}

.vft-zoom-in-top-enter-active,
.vft-zoom-in-top-leave-active {
  transition: var(--vft-transition-md-fade);
  transform: scaleY(1);
  transform-origin: center top;
  opacity: 1;
}
.vft-zoom-in-top-enter-active[data-popper-placement^=top],
.vft-zoom-in-top-leave-active[data-popper-placement^=top] {
  transform-origin: center bottom;
}

.vft-zoom-in-top-enter-from,
.vft-zoom-in-top-leave-active {
  transform: scaleY(0);
  opacity: 0;
}

.vft-zoom-in-top-fast-enter-active {
  transition: var(--vft-transition-md-fade);
  transform: scaleY(1);
  transform-origin: center top;
  opacity: 1;
}
.vft-zoom-in-top-fast-enter-active[data-popper-placement^=top] {
  transform-origin: center bottom;
}

.vft-zoom-in-top-fast-leave-active {
  transform: scaleY(1);
  transform-origin: center top;
  opacity: 1;
}
.vft-zoom-in-top-fast-leave-active[data-popper-placement^=top] {
  transform-origin: center bottom;
}

.vft-zoom-in-top-fast-enter-from,
.vft-zoom-in-top-fast-leave-active {
  transform: scaleY(0);
  opacity: 0;
}

.vft-zoom-in-bottom-enter-active,
.vft-zoom-in-bottom-leave-active {
  transform: scaleY(1);
  transform-origin: center bottom;
  transition: var(--vft-transition-md-fade);
  opacity: 1;
}

.vft-zoom-in-bottom-enter-from,
.vft-zoom-in-bottom-leave-active {
  transform: scaleY(0);
  opacity: 0;
}

.vft-zoom-in-left-enter-active,
.vft-zoom-in-left-leave-active {
  transform: scale(1, 1);
  transform-origin: top left;
  transition: var(--vft-transition-md-fade);
  opacity: 1;
}

.vft-zoom-in-left-enter-from,
.vft-zoom-in-left-leave-active {
  transform: scale(0.45, 0.45);
  opacity: 0;
}

.collapse-transition {
  transition: var(--vft-transition-duration) height ease-in-out, var(--vft-transition-duration) padding-top ease-in-out, var(--vft-transition-duration) padding-bottom ease-in-out;
}

.vft-collapse-transition-leave-active,
.vft-collapse-transition-enter-active {
  transition: var(--vft-transition-duration) max-height ease-in-out, var(--vft-transition-duration) padding-top ease-in-out, var(--vft-transition-duration) padding-bottom ease-in-out;
}

.horizontal-collapse-transition {
  transition: var(--vft-transition-duration) width ease-in-out, var(--vft-transition-duration) padding-left ease-in-out, var(--vft-transition-duration) padding-right ease-in-out;
}

.vft-list-enter-active,
.vft-list-leave-active {
  transition: all 1s;
}

.vft-list-enter-from,
.vft-list-leave-to {
  transform: translateY(-1.875rem);
  opacity: 0;
}

.vft-list-leave-active {
  position: absolute !important;
}

.vft-opacity-transition {
  transition: opacity var(--vft-transition-duration) cubic-bezier(0.55, 0, 0.1, 1);
}

@keyframes vft-rotate {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes vft-loading-dot {
  33% {
    transform: translateY(-2em);
  }
  66% {
    transform: translateY(-1em);
  }
}
.vft-button {
  --vft-button-font-weight: var(--vft-font-weight-primary);
  --vft-button-border-color: var(--vft-border-color);
  --vft-button-bg-color: var(--vft-fill-color-blank);
  --vft-button-text-color: var(--vft-text-regular-color);
  --vft-button-disabled-text-color: var(--vft-text-disabled-color);
  --vft-button-disabled-bg-color: var(--vft-fill-color-blank);
  --vft-button-disabled-border-color: var(--vft-border-color-light);
  --vft-button-divide-border-color: rgba(255, 255, 255, 0.5);
  --vft-button-hover-text-color: var(--vft-primary-color);
  --vft-button-hover-bg-color: var(--vft-primary-color-light-9);
  --vft-button-hover-border-color: var(--vft-primary-color-light-7);
  --vft-button-active-text-color: var(--vft-button-hover-text-color);
  --vft-button-active-border-color: var(--vft-primary-color);
  --vft-button-active-bg-color: var(--vft-button-hover-bg-color);
  --vft-button-outline-color: var(--vft-primary-color-light-5);
  --vft-button-hover-link-text-color: var(--vft-info-color);
  --vft-button-active-color: var(--vft-text-primary-color);
  display: inline-flex;
  box-sizing: border-box;
  align-items: center;
  justify-content: center;
  height: 2rem;
  transition: 0.1s;
  border: var(--vft-border);
  border-color: var(--vft-button-border-color);
  outline: none;
  background-color: var(--vft-button-bg-color);
  color: var(--vft-button-text-color);
  font-weight: var(--vft-button-font-weight);
  line-height: 1;
  text-align: center;
  vertical-align: middle;
  white-space: nowrap;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  -webkit-appearance: none;
  padding: 0.5rem 0.9375rem;
  border-radius: var(--vft-border-radius-base);
  font-size: var(--vft-font-size-base);
}
.vft-button.is-round {
  padding: 0.5rem 0.9375rem;
}
.vft-button.is-block {
  width: 100%;
}

.vft-button.is-plain {
  --vft-button-hover-text-color: var(--vft-primary-color);
  --vft-button-hover-bg-color: var(--vft-fill-color-blank);
  --vft-button-hover-border-color: var(--vft-primary-color);
}

.vft-button.is-active {
  border-color: var(--vft-button-active-border-color);
  outline: none;
  background-color: var(--vft-button-active-bg-color);
  color: var(--vft-button-active-text-color);
}

.vft-button.is-disabled, .vft-button.is-disabled:hover, .vft-button.is-disabled:focus {
  border-color: var(--vft-button-disabled-border-color);
  background-color: var(--vft-button-disabled-bg-color);
  background-image: none;
  color: var(--vft-button-disabled-text-color);
  cursor: not-allowed;
}

.vft-button.is-loading {
  position: relative;
  pointer-events: none;
}
.vft-button.is-loading::before {
  content: "";
  position: absolute;
  z-index: 1;
  top: -0.0625rem;
  right: -0.0625rem;
  bottom: -0.0625rem;
  left: -0.0625rem;
  border-radius: inherit;
  background-color: var(--vft-mask-color-extra-light);
  pointer-events: none;
}
.vft-button.is-loading i {
  margin-right: 0.125rem;
}

.vft-button.is-round {
  border-radius: var(--vft-border-radius-round);
}

.vft-button.is-circle {
  padding: 0.5rem;
  border-radius: 50%;
}

.vft-button.is-text {
  border: 0 solid transparent;
  background-color: transparent;
  color: var(--vft-button-text-color);
}
.vft-button.is-text.is-disabled {
  background-color: transparent !important;
  color: var(--vft-button-text-disabled-color);
}

.vft-button.is-text:not(.is-disabled).is-has-bg {
  background-color: var(--vft-fill-color-light);
}
.vft-button.is-text:not(.is-disabled).is-has-bg:hover, .vft-button.is-text:not(.is-disabled).is-has-bg:focus {
  background-color: var(--vft-fill-color);
}
.vft-button.is-text:not(.is-disabled).is-has-bg:active {
  background-color: var(--vft-fill-color-dark);
}

.vft-button.is-text:not(.is-disabled):hover, .vft-button.is-text:not(.is-disabled):focus {
  background-color: var(--vft-fill-color-light);
}
.vft-button.is-text:not(.is-disabled):focus-visible {
  outline: 0.125rem solid var(--vft-button-outline-color);
  outline-offset: 0.0625rem;
}
.vft-button.is-text:not(.is-disabled):active {
  background-color: var(--vft-fill-color);
}

.vft-button__text--expand {
  margin-right: -0.3em;
  letter-spacing: 0.3em;
}

.vft-button.is-link {
  height: auto;
  padding: 0.125rem;
  border-color: transparent;
  background: transparent;
  color: var(--vft-button-text-color);
}
.vft-button.is-link.is-disabled {
  border-color: transparent !important;
  background-color: transparent !important;
  color: var(--vft-button-disabled-text-color);
}

.vft-button.is-link:hover, .vft-button.is-link:focus {
  color: var(--vft-button-hover-link-text-color);
}
.vft-button.is-link:not(.is-disabled):hover, .vft-button.is-link:not(.is-disabled):focus {
  border-color: transparent;
  background-color: transparent;
}
.vft-button.is-link:not(.is-disabled):active {
  border-color: transparent;
  background-color: transparent;
  color: var(--vft-button-active-color);
}

.vft-button--text {
  padding-right: 0;
  padding-left: 0;
  border-color: transparent;
  background: transparent;
  color: var(--vft-primary-color);
}
.vft-button--text.is-disabled {
  border-color: transparent !important;
  background-color: transparent !important;
  color: var(--vft-button-disabled-text-color);
}

.vft-button--text:not(.is-disabled):hover, .vft-button--text:not(.is-disabled):focus {
  border-color: transparent;
  background-color: transparent;
  color: var(--vft-primary-color-light-3);
}
.vft-button--text:not(.is-disabled):active {
  border-color: transparent;
  background-color: transparent;
  color: var(--vft-primary-color-dark-2);
}

.vft-button__link--expand {
  margin-right: -0.3em;
  letter-spacing: 0.3em;
}

.vft-button--primary {
  --vft-button-text-color: var(--vft-color-white);
  --vft-button-bg-color: var(--vft-primary-color);
  --vft-button-border-color: var(--vft-primary-color);
  --vft-button-outline-color: var(--vft-primary-color-light-5);
  --vft-button-active-color: var(--vft-primary-color-dark-2);
  --vft-button-hover-text-color: var(--vft-color-white);
  --vft-button-hover-link-text-color: var(--vft-primary-color-light-5);
  --vft-button-hover-bg-color: var(--vft-primary-color-light-3);
  --vft-button-hover-border-color: var(--vft-primary-color-light-3);
  --vft-button-active-bg-color: var(--vft-primary-color-dark-2);
  --vft-button-active-border-color: var(--vft-primary-color-dark-2);
  --vft-button-disabled-text-color: var(--vft-color-white);
  --vft-button-disabled-bg-color: var(--vft-primary-color-light-5);
  --vft-button-disabled-border-color: var(--vft-primary-color-light-5);
}
.vft-button--primary.is-plain, .vft-button--primary.is-text, .vft-button--primary.is-link {
  --vft-button-text-color: var(--vft-primary-color);
  --vft-button-bg-color: var(--vft-primary-color-light-9);
  --vft-button-border-color: var(--vft-primary-color-light-5);
  --vft-button-hover-text-color: var(--vft-color-white);
  --vft-button-hover-bg-color: var(--vft-primary-color);
  --vft-button-hover-border-color: var(--vft-primary-color);
  --vft-button-active-text-color: var(--vft-color-white);
}
.vft-button--primary.is-plain.is-disabled, .vft-button--primary.is-plain.is-disabled:hover, .vft-button--primary.is-plain.is-disabled:focus, .vft-button--primary.is-plain.is-disabled:active, .vft-button--primary.is-text.is-disabled, .vft-button--primary.is-text.is-disabled:hover, .vft-button--primary.is-text.is-disabled:focus, .vft-button--primary.is-text.is-disabled:active, .vft-button--primary.is-link.is-disabled, .vft-button--primary.is-link.is-disabled:hover, .vft-button--primary.is-link.is-disabled:focus, .vft-button--primary.is-link.is-disabled:active {
  border-color: var(--vft-primary-color-light-8);
  background-color: var(--vft-primary-color-light-9);
  color: var(--vft-primary-color-light-5);
}

.vft-button--success {
  --vft-button-text-color: var(--vft-color-white);
  --vft-button-bg-color: var(--vft-success-color);
  --vft-button-border-color: var(--vft-success-color);
  --vft-button-outline-color: var(--vft-success-color-light-5);
  --vft-button-active-color: var(--vft-success-color-dark-2);
  --vft-button-hover-text-color: var(--vft-color-white);
  --vft-button-hover-link-text-color: var(--vft-success-color-light-5);
  --vft-button-hover-bg-color: var(--vft-success-color-light-3);
  --vft-button-hover-border-color: var(--vft-success-color-light-3);
  --vft-button-active-bg-color: var(--vft-success-color-dark-2);
  --vft-button-active-border-color: var(--vft-success-color-dark-2);
  --vft-button-disabled-text-color: var(--vft-color-white);
  --vft-button-disabled-bg-color: var(--vft-success-color-light-5);
  --vft-button-disabled-border-color: var(--vft-success-color-light-5);
}
.vft-button--success.is-plain, .vft-button--success.is-text, .vft-button--success.is-link {
  --vft-button-text-color: var(--vft-success-color);
  --vft-button-bg-color: var(--vft-success-color-light-9);
  --vft-button-border-color: var(--vft-success-color-light-5);
  --vft-button-hover-text-color: var(--vft-color-white);
  --vft-button-hover-bg-color: var(--vft-success-color);
  --vft-button-hover-border-color: var(--vft-success-color);
  --vft-button-active-text-color: var(--vft-color-white);
}
.vft-button--success.is-plain.is-disabled, .vft-button--success.is-plain.is-disabled:hover, .vft-button--success.is-plain.is-disabled:focus, .vft-button--success.is-plain.is-disabled:active, .vft-button--success.is-text.is-disabled, .vft-button--success.is-text.is-disabled:hover, .vft-button--success.is-text.is-disabled:focus, .vft-button--success.is-text.is-disabled:active, .vft-button--success.is-link.is-disabled, .vft-button--success.is-link.is-disabled:hover, .vft-button--success.is-link.is-disabled:focus, .vft-button--success.is-link.is-disabled:active {
  border-color: var(--vft-success-color-light-8);
  background-color: var(--vft-success-color-light-9);
  color: var(--vft-success-color-light-5);
}

.vft-button--warning {
  --vft-button-text-color: var(--vft-color-white);
  --vft-button-bg-color: var(--vft-warning-color);
  --vft-button-border-color: var(--vft-warning-color);
  --vft-button-outline-color: var(--vft-warning-color-light-5);
  --vft-button-active-color: var(--vft-warning-color-dark-2);
  --vft-button-hover-text-color: var(--vft-color-white);
  --vft-button-hover-link-text-color: var(--vft-warning-color-light-5);
  --vft-button-hover-bg-color: var(--vft-warning-color-light-3);
  --vft-button-hover-border-color: var(--vft-warning-color-light-3);
  --vft-button-active-bg-color: var(--vft-warning-color-dark-2);
  --vft-button-active-border-color: var(--vft-warning-color-dark-2);
  --vft-button-disabled-text-color: var(--vft-color-white);
  --vft-button-disabled-bg-color: var(--vft-warning-color-light-5);
  --vft-button-disabled-border-color: var(--vft-warning-color-light-5);
}
.vft-button--warning.is-plain, .vft-button--warning.is-text, .vft-button--warning.is-link {
  --vft-button-text-color: var(--vft-warning-color);
  --vft-button-bg-color: var(--vft-warning-color-light-9);
  --vft-button-border-color: var(--vft-warning-color-light-5);
  --vft-button-hover-text-color: var(--vft-color-white);
  --vft-button-hover-bg-color: var(--vft-warning-color);
  --vft-button-hover-border-color: var(--vft-warning-color);
  --vft-button-active-text-color: var(--vft-color-white);
}
.vft-button--warning.is-plain.is-disabled, .vft-button--warning.is-plain.is-disabled:hover, .vft-button--warning.is-plain.is-disabled:focus, .vft-button--warning.is-plain.is-disabled:active, .vft-button--warning.is-text.is-disabled, .vft-button--warning.is-text.is-disabled:hover, .vft-button--warning.is-text.is-disabled:focus, .vft-button--warning.is-text.is-disabled:active, .vft-button--warning.is-link.is-disabled, .vft-button--warning.is-link.is-disabled:hover, .vft-button--warning.is-link.is-disabled:focus, .vft-button--warning.is-link.is-disabled:active {
  border-color: var(--vft-warning-color-light-8);
  background-color: var(--vft-warning-color-light-9);
  color: var(--vft-warning-color-light-5);
}

.vft-button--danger {
  --vft-button-text-color: var(--vft-color-white);
  --vft-button-bg-color: var(--vft-danger-color);
  --vft-button-border-color: var(--vft-danger-color);
  --vft-button-outline-color: var(--vft-danger-color-light-5);
  --vft-button-active-color: var(--vft-danger-color-dark-2);
  --vft-button-hover-text-color: var(--vft-color-white);
  --vft-button-hover-link-text-color: var(--vft-danger-color-light-5);
  --vft-button-hover-bg-color: var(--vft-danger-color-light-3);
  --vft-button-hover-border-color: var(--vft-danger-color-light-3);
  --vft-button-active-bg-color: var(--vft-danger-color-dark-2);
  --vft-button-active-border-color: var(--vft-danger-color-dark-2);
  --vft-button-disabled-text-color: var(--vft-color-white);
  --vft-button-disabled-bg-color: var(--vft-danger-color-light-5);
  --vft-button-disabled-border-color: var(--vft-danger-color-light-5);
}
.vft-button--danger.is-plain, .vft-button--danger.is-text, .vft-button--danger.is-link {
  --vft-button-text-color: var(--vft-danger-color);
  --vft-button-bg-color: var(--vft-danger-color-light-9);
  --vft-button-border-color: var(--vft-danger-color-light-5);
  --vft-button-hover-text-color: var(--vft-color-white);
  --vft-button-hover-bg-color: var(--vft-danger-color);
  --vft-button-hover-border-color: var(--vft-danger-color);
  --vft-button-active-text-color: var(--vft-color-white);
}
.vft-button--danger.is-plain.is-disabled, .vft-button--danger.is-plain.is-disabled:hover, .vft-button--danger.is-plain.is-disabled:focus, .vft-button--danger.is-plain.is-disabled:active, .vft-button--danger.is-text.is-disabled, .vft-button--danger.is-text.is-disabled:hover, .vft-button--danger.is-text.is-disabled:focus, .vft-button--danger.is-text.is-disabled:active, .vft-button--danger.is-link.is-disabled, .vft-button--danger.is-link.is-disabled:hover, .vft-button--danger.is-link.is-disabled:focus, .vft-button--danger.is-link.is-disabled:active {
  border-color: var(--vft-danger-color-light-8);
  background-color: var(--vft-danger-color-light-9);
  color: var(--vft-danger-color-light-5);
}

.vft-button--info {
  --vft-button-text-color: var(--vft-color-white);
  --vft-button-bg-color: var(--vft-info-color);
  --vft-button-border-color: var(--vft-info-color);
  --vft-button-outline-color: var(--vft-info-color-light-5);
  --vft-button-active-color: var(--vft-info-color-dark-2);
  --vft-button-hover-text-color: var(--vft-color-white);
  --vft-button-hover-link-text-color: var(--vft-info-color-light-5);
  --vft-button-hover-bg-color: var(--vft-info-color-light-3);
  --vft-button-hover-border-color: var(--vft-info-color-light-3);
  --vft-button-active-bg-color: var(--vft-info-color-dark-2);
  --vft-button-active-border-color: var(--vft-info-color-dark-2);
  --vft-button-disabled-text-color: var(--vft-color-white);
  --vft-button-disabled-bg-color: var(--vft-info-color-light-5);
  --vft-button-disabled-border-color: var(--vft-info-color-light-5);
}
.vft-button--info.is-plain, .vft-button--info.is-text, .vft-button--info.is-link {
  --vft-button-text-color: var(--vft-info-color);
  --vft-button-bg-color: var(--vft-info-color-light-9);
  --vft-button-border-color: var(--vft-info-color-light-5);
  --vft-button-hover-text-color: var(--vft-color-white);
  --vft-button-hover-bg-color: var(--vft-info-color);
  --vft-button-hover-border-color: var(--vft-info-color);
  --vft-button-active-text-color: var(--vft-color-white);
}
.vft-button--info.is-plain.is-disabled, .vft-button--info.is-plain.is-disabled:hover, .vft-button--info.is-plain.is-disabled:focus, .vft-button--info.is-plain.is-disabled:active, .vft-button--info.is-text.is-disabled, .vft-button--info.is-text.is-disabled:hover, .vft-button--info.is-text.is-disabled:focus, .vft-button--info.is-text.is-disabled:active, .vft-button--info.is-link.is-disabled, .vft-button--info.is-link.is-disabled:hover, .vft-button--info.is-link.is-disabled:focus, .vft-button--info.is-link.is-disabled:active {
  border-color: var(--vft-info-color-light-8);
  background-color: var(--vft-info-color-light-9);
  color: var(--vft-info-color-light-5);
}

.vft-button--large {
  height: var(--vft-button-size);
  --vft-button-size: 2.5rem;
  padding: 0.75rem 1.1875rem;
  border-radius: var(--vft-border-radius-base);
  font-size: var(--vft-font-size-base);
}
.vft-button--large.is-round {
  padding: 0.75rem 1.1875rem;
}
.vft-button--large.is-circle {
  width: var(--vft-button-size);
  padding: 0.75rem;
}

.vft-button--large [class*=vft-icon] + span {
  margin-left: 0.5rem;
}

.vft-button--small {
  height: var(--vft-button-size);
  --vft-button-size: 1.5rem;
  padding: 0.3125rem 0.6875rem;
  border-radius: calc(var(--vft-border-radius-base) - 0.0625rem);
  font-size: 0.75rem;
}
.vft-button--small.is-round {
  padding: 0.3125rem 0.6875rem;
}
.vft-button--small.is-circle {
  width: var(--vft-button-size);
  padding: 0.3125rem;
}

.vft-button--small [class*=vft-icon] + span {
  margin-left: 0.25rem;
}

.vft-button:hover, .vft-button:focus {
  border-color: var(--vft-button-hover-border-color);
  outline: none;
  background-color: var(--vft-button-hover-bg-color);
  color: var(--vft-button-hover-text-color);
}
.vft-button:active {
  border-color: var(--vft-button-active-border-color);
  outline: none;
  background-color: var(--vft-button-active-bg-color);
  color: var(--vft-button-active-text-color);
}
.vft-button > span {
  display: inline-flex;
  align-items: center;
}
.vft-button + .vft-button {
  margin-left: 0.75rem;
}
.vft-button::-moz-focus-inner {
  border: 0;
}
.vft-button [class*=vft-icon] + span {
  margin-left: 0.375rem;
}
.vft-button [class*=vft-icon] svg {
  vertical-align: bottom;
}
.vft-button .icon-loading {
  width: 1em;
  height: 1em;
  background-color: currentcolor;
  -webkit-mask: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="M512 64a32 32 0 0 1 32 32v192a32 32 0 0 1-64 0V96a32 32 0 0 1 32-32zm0 640a32 32 0 0 1 32 32v192a32 32 0 1 1-64 0V736a32 32 0 0 1 32-32zm448-192a32 32 0 0 1-32 32H736a32 32 0 1 1 0-64h192a32 32 0 0 1 32 32zm-640 0a32 32 0 0 1-32 32H96a32 32 0 0 1 0-64h192a32 32 0 0 1 32 32zM195.2 195.2a32 32 0 0 1 45.248 0L376.32 331.008a32 32 0 0 1-45.248 45.248L195.2 240.448a32 32 0 0 1 0-45.248zm452.544 452.544a32 32 0 0 1 45.248 0L828.8 783.552a32 32 0 0 1-45.248 45.248L647.744 692.992a32 32 0 0 1 0-45.248zM828.8 195.264a32 32 0 0 1 0 45.184L692.992 376.32a32 32 0 0 1-45.248-45.248l135.808-135.808a32 32 0 0 1 45.248 0zm-452.544 452.48a32 32 0 0 1 0 45.248L240.448 828.8a32 32 0 0 1-45.248-45.248l135.808-135.808a32 32 0 0 1 45.248 0z"%2F%3E%3C%2Fsvg%3E') no-repeat;
          mask: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="M512 64a32 32 0 0 1 32 32v192a32 32 0 0 1-64 0V96a32 32 0 0 1 32-32zm0 640a32 32 0 0 1 32 32v192a32 32 0 1 1-64 0V736a32 32 0 0 1 32-32zm448-192a32 32 0 0 1-32 32H736a32 32 0 1 1 0-64h192a32 32 0 0 1 32 32zm-640 0a32 32 0 0 1-32 32H96a32 32 0 0 1 0-64h192a32 32 0 0 1 32 32zM195.2 195.2a32 32 0 0 1 45.248 0L376.32 331.008a32 32 0 0 1-45.248 45.248L195.2 240.448a32 32 0 0 1 0-45.248zm452.544 452.544a32 32 0 0 1 45.248 0L828.8 783.552a32 32 0 0 1-45.248 45.248L647.744 692.992a32 32 0 0 1 0-45.248zM828.8 195.264a32 32 0 0 1 0 45.184L692.992 376.32a32 32 0 0 1-45.248-45.248l135.808-135.808a32 32 0 0 1 45.248 0zm-452.544 452.48a32 32 0 0 1 0 45.248L240.448 828.8a32 32 0 0 1-45.248-45.248l135.808-135.808a32 32 0 0 1 45.248 0z"%2F%3E%3C%2Fsvg%3E') no-repeat;
  -webkit-mask-size: 100% 100%;
          mask-size: 100% 100%;
}.vft-fade-in-linear-enter-active,
.vft-fade-in-linear-leave-active {
  transition: var(--vft-transition-fade-linear);
}

.vft-fade-in-linear-enter-from,
.vft-fade-in-linear-leave-to {
  opacity: 0;
}

.vft-fade-in-enter-active,
.vft-fade-in-leave-active {
  transition: all var(--vft-transition-duration) cubic-bezier(0.55, 0, 0.1, 1);
}

.vft-fade-in-enter-from,
.vft-fade-in-leave-active {
  opacity: 0;
}

.vft-zoom-in-center-enter-active,
.vft-zoom-in-center-leave-active {
  transition: all var(--vft-transition-duration) cubic-bezier(0.55, 0, 0.1, 1);
}

.vft-zoom-in-center-enter-from,
.vft-zoom-in-center-leave-active {
  transform: scaleX(0);
  opacity: 0;
}

.vft-zoom-in-top-enter-active,
.vft-zoom-in-top-leave-active {
  transition: var(--vft-transition-md-fade);
  transform: scaleY(1);
  transform-origin: center top;
  opacity: 1;
}
.vft-zoom-in-top-enter-active[data-popper-placement^=top],
.vft-zoom-in-top-leave-active[data-popper-placement^=top] {
  transform-origin: center bottom;
}

.vft-zoom-in-top-enter-from,
.vft-zoom-in-top-leave-active {
  transform: scaleY(0);
  opacity: 0;
}

.vft-zoom-in-top-fast-enter-active {
  transition: var(--vft-transition-md-fade);
  transform: scaleY(1);
  transform-origin: center top;
  opacity: 1;
}
.vft-zoom-in-top-fast-enter-active[data-popper-placement^=top] {
  transform-origin: center bottom;
}

.vft-zoom-in-top-fast-leave-active {
  transform: scaleY(1);
  transform-origin: center top;
  opacity: 1;
}
.vft-zoom-in-top-fast-leave-active[data-popper-placement^=top] {
  transform-origin: center bottom;
}

.vft-zoom-in-top-fast-enter-from,
.vft-zoom-in-top-fast-leave-active {
  transform: scaleY(0);
  opacity: 0;
}

.vft-zoom-in-bottom-enter-active,
.vft-zoom-in-bottom-leave-active {
  transform: scaleY(1);
  transform-origin: center bottom;
  transition: var(--vft-transition-md-fade);
  opacity: 1;
}

.vft-zoom-in-bottom-enter-from,
.vft-zoom-in-bottom-leave-active {
  transform: scaleY(0);
  opacity: 0;
}

.vft-zoom-in-left-enter-active,
.vft-zoom-in-left-leave-active {
  transform: scale(1, 1);
  transform-origin: top left;
  transition: var(--vft-transition-md-fade);
  opacity: 1;
}

.vft-zoom-in-left-enter-from,
.vft-zoom-in-left-leave-active {
  transform: scale(0.45, 0.45);
  opacity: 0;
}

.collapse-transition {
  transition: var(--vft-transition-duration) height ease-in-out, var(--vft-transition-duration) padding-top ease-in-out, var(--vft-transition-duration) padding-bottom ease-in-out;
}

.vft-collapse-transition-leave-active,
.vft-collapse-transition-enter-active {
  transition: var(--vft-transition-duration) max-height ease-in-out, var(--vft-transition-duration) padding-top ease-in-out, var(--vft-transition-duration) padding-bottom ease-in-out;
}

.horizontal-collapse-transition {
  transition: var(--vft-transition-duration) width ease-in-out, var(--vft-transition-duration) padding-left ease-in-out, var(--vft-transition-duration) padding-right ease-in-out;
}

.vft-list-enter-active,
.vft-list-leave-active {
  transition: all 1s;
}

.vft-list-enter-from,
.vft-list-leave-to {
  transform: translateY(-1.875rem);
  opacity: 0;
}

.vft-list-leave-active {
  position: absolute !important;
}

.vft-opacity-transition {
  transition: opacity var(--vft-transition-duration) cubic-bezier(0.55, 0, 0.1, 1);
}

@keyframes vft-rotate {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes vft-loading-dot {
  33% {
    transform: translateY(-2em);
  }
  66% {
    transform: translateY(-1em);
  }
}
.vft-progress {
  position: relative;
  line-height: 1;
  display: flex;
  align-items: center;
}
.vft-progress__text {
  font-size: 0.875rem;
  color: var(--vft-text-regular-color);
  margin-left: 0.3125rem;
  min-width: 3.125rem;
  line-height: 1;
}
.vft-progress__text i {
  vertical-align: middle;
  display: block;
}

.vft-progress--circle, .vft-progress--dashboard {
  display: inline-block;
}
.vft-progress--circle .vft-progress__text, .vft-progress--dashboard .vft-progress__text {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  text-align: center;
  margin: 0;
  transform: translate(0, -50%);
}
.vft-progress--circle .vft-progress__text i, .vft-progress--dashboard .vft-progress__text i {
  vertical-align: middle;
  display: inline-block;
}

.vft-progress--without-text .vft-progress__text {
  display: none;
}
.vft-progress--without-text .vft-progress-bar {
  padding-right: 0;
  margin-right: 0;
  display: block;
}

.vft-progress--text-inside .vft-progress-bar {
  padding-right: 0;
  margin-right: 0;
}

.vft-progress.is-success .vft-progress-bar__inner {
  background-color: var(--vft-success-color);
}
.vft-progress.is-success .vft-progress__text {
  color: var(--vft-success-color);
}

.vft-progress.is-warning .vft-progress-bar__inner {
  background-color: var(--vft-warning-color);
}
.vft-progress.is-warning .vft-progress__text {
  color: var(--vft-warning-color);
}

.vft-progress.is-exception .vft-progress-bar__inner {
  background-color: var(--vft-danger-color);
}
.vft-progress.is-exception .vft-progress__text {
  color: var(--vft-danger-color);
}

.vft-progress .icon-warning-filled {
  width: 1em;
  height: 1em;
  background-color: currentcolor;
  -webkit-mask: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="M512 64a448 448 0 1 1 0 896a448 448 0 0 1 0-896zm0 192a58.432 58.432 0 0 0-58.24 63.744l23.36 256.384a35.072 35.072 0 0 0 69.76 0l23.296-256.384A58.432 58.432 0 0 0 512 256zm0 512a51.2 51.2 0 1 0 0-102.4a51.2 51.2 0 0 0 0 102.4z"%2F%3E%3C%2Fsvg%3E') no-repeat;
          mask: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="M512 64a448 448 0 1 1 0 896a448 448 0 0 1 0-896zm0 192a58.432 58.432 0 0 0-58.24 63.744l23.36 256.384a35.072 35.072 0 0 0 69.76 0l23.296-256.384A58.432 58.432 0 0 0 512 256zm0 512a51.2 51.2 0 1 0 0-102.4a51.2 51.2 0 0 0 0 102.4z"%2F%3E%3C%2Fsvg%3E') no-repeat;
  -webkit-mask-size: 100% 100%;
          mask-size: 100% 100%;
}
.vft-progress .icon-circle-check {
  width: 1em;
  height: 1em;
  background-color: currentcolor;
  -webkit-mask: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="M512 896a384 384 0 1 0 0-768a384 384 0 0 0 0 768zm0 64a448 448 0 1 1 0-896a448 448 0 0 1 0 896z"%2F%3E%3Cpath fill="currentColor" d="M745.344 361.344a32 32 0 0 1 45.312 45.312l-288 288a32 32 0 0 1-45.312 0l-160-160a32 32 0 1 1 45.312-45.312L480 626.752l265.344-265.408z"%2F%3E%3C%2Fsvg%3E') no-repeat;
          mask: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="M512 896a384 384 0 1 0 0-768a384 384 0 0 0 0 768zm0 64a448 448 0 1 1 0-896a448 448 0 0 1 0 896z"%2F%3E%3Cpath fill="currentColor" d="M745.344 361.344a32 32 0 0 1 45.312 45.312l-288 288a32 32 0 0 1-45.312 0l-160-160a32 32 0 1 1 45.312-45.312L480 626.752l265.344-265.408z"%2F%3E%3C%2Fsvg%3E') no-repeat;
  -webkit-mask-size: 100% 100%;
          mask-size: 100% 100%;
}
.vft-progress .icon-circle-close {
  width: 1em;
  height: 1em;
  background-color: currentcolor;
  -webkit-mask: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="m466.752 512l-90.496-90.496a32 32 0 0 1 45.248-45.248L512 466.752l90.496-90.496a32 32 0 1 1 45.248 45.248L557.248 512l90.496 90.496a32 32 0 1 1-45.248 45.248L512 557.248l-90.496 90.496a32 32 0 0 1-45.248-45.248L466.752 512z"%2F%3E%3Cpath fill="currentColor" d="M512 896a384 384 0 1 0 0-768a384 384 0 0 0 0 768zm0 64a448 448 0 1 1 0-896a448 448 0 0 1 0 896z"%2F%3E%3C%2Fsvg%3E') no-repeat;
          mask: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="m466.752 512l-90.496-90.496a32 32 0 0 1 45.248-45.248L512 466.752l90.496-90.496a32 32 0 1 1 45.248 45.248L557.248 512l90.496 90.496a32 32 0 1 1-45.248 45.248L512 557.248l-90.496 90.496a32 32 0 0 1-45.248-45.248L466.752 512z"%2F%3E%3Cpath fill="currentColor" d="M512 896a384 384 0 1 0 0-768a384 384 0 0 0 0 768zm0 64a448 448 0 1 1 0-896a448 448 0 0 1 0 896z"%2F%3E%3C%2Fsvg%3E') no-repeat;
  -webkit-mask-size: 100% 100%;
          mask-size: 100% 100%;
}
.vft-progress .icon-check {
  width: 1em;
  height: 1em;
  background-color: currentcolor;
  -webkit-mask: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="M406.656 706.944L195.84 496.256a32 32 0 1 0-45.248 45.248l256 256l512-512a32 32 0 0 0-45.248-45.248L406.592 706.944z"%2F%3E%3C%2Fsvg%3E') no-repeat;
          mask: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="M406.656 706.944L195.84 496.256a32 32 0 1 0-45.248 45.248l256 256l512-512a32 32 0 0 0-45.248-45.248L406.592 706.944z"%2F%3E%3C%2Fsvg%3E') no-repeat;
  -webkit-mask-size: 100% 100%;
          mask-size: 100% 100%;
}
.vft-progress .icon-close {
  width: 1em;
  height: 1em;
  background-color: currentcolor;
  -webkit-mask: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="M764.288 214.592L512 466.88L259.712 214.592a31.936 31.936 0 0 0-45.12 45.12L466.752 512L214.528 764.224a31.936 31.936 0 1 0 45.12 45.184L512 557.184l252.288 252.288a31.936 31.936 0 0 0 45.12-45.12L557.12 512.064l252.288-252.352a31.936 31.936 0 1 0-45.12-45.184z"%2F%3E%3C%2Fsvg%3E') no-repeat;
          mask: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="M764.288 214.592L512 466.88L259.712 214.592a31.936 31.936 0 0 0-45.12 45.12L466.752 512L214.528 764.224a31.936 31.936 0 1 0 45.12 45.184L512 557.184l252.288 252.288a31.936 31.936 0 0 0 45.12-45.12L557.12 512.064l252.288-252.352a31.936 31.936 0 1 0-45.12-45.184z"%2F%3E%3C%2Fsvg%3E') no-repeat;
  -webkit-mask-size: 100% 100%;
          mask-size: 100% 100%;
}

.vft-progress-bar {
  flex-grow: 1;
  box-sizing: border-box;
}
.vft-progress-bar__outer {
  height: 0.375rem;
  border-radius: 6.25rem;
  background-color: var(--vft-border-color-lighter);
  overflow: hidden;
  position: relative;
  vertical-align: middle;
}

.vft-progress-bar__inner {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  background-color: var(--vft-primary-color);
  text-align: right;
  border-radius: 6.25rem;
  line-height: 1;
  white-space: nowrap;
  transition: width 0.6s ease;
}
.vft-progress-bar__inner::after {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}

.vft-progress-bar__inner--indeterminate {
  transform: translateZ(0);
  animation: indeterminate 3s infinite;
}

.vft-progress-bar__inner--striped {
  background-image: linear-gradient(45deg, rgba(0, 0, 0, 0.1) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, 0.1) 50%, rgba(0, 0, 0, 0.1) 75%, transparent 75%, transparent);
  background-size: 1.25em 1.25em;
}
.vft-progress-bar__inner--striped.vft-progress-bar__inner--striped-flow {
  animation: striped-flow 3s linear infinite;
}

.vft-progress-bar__innerText {
  display: inline-block;
  vertical-align: middle;
  color: #fff;
  font-size: 0.75rem;
  margin: 0 0.3125rem;
}

@keyframes progress {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 2rem 0;
  }
}
@keyframes indeterminate {
  0% {
    left: -100%;
  }
  100% {
    left: 100%;
  }
}
@keyframes striped-flow {
  0% {
    background-position: -100%;
  }
  100% {
    background-position: 100%;
  }
}
.vft-fade-in-linear-enter-active,
.vft-fade-in-linear-leave-active {
  transition: var(--vft-transition-fade-linear);
}

.vft-fade-in-linear-enter-from,
.vft-fade-in-linear-leave-to {
  opacity: 0;
}

.vft-fade-in-enter-active,
.vft-fade-in-leave-active {
  transition: all var(--vft-transition-duration) cubic-bezier(0.55, 0, 0.1, 1);
}

.vft-fade-in-enter-from,
.vft-fade-in-leave-active {
  opacity: 0;
}

.vft-zoom-in-center-enter-active,
.vft-zoom-in-center-leave-active {
  transition: all var(--vft-transition-duration) cubic-bezier(0.55, 0, 0.1, 1);
}

.vft-zoom-in-center-enter-from,
.vft-zoom-in-center-leave-active {
  transform: scaleX(0);
  opacity: 0;
}

.vft-zoom-in-top-enter-active,
.vft-zoom-in-top-leave-active {
  transition: var(--vft-transition-md-fade);
  transform: scaleY(1);
  transform-origin: center top;
  opacity: 1;
}
.vft-zoom-in-top-enter-active[data-popper-placement^=top],
.vft-zoom-in-top-leave-active[data-popper-placement^=top] {
  transform-origin: center bottom;
}

.vft-zoom-in-top-enter-from,
.vft-zoom-in-top-leave-active {
  transform: scaleY(0);
  opacity: 0;
}

.vft-zoom-in-top-fast-enter-active {
  transition: var(--vft-transition-md-fade);
  transform: scaleY(1);
  transform-origin: center top;
  opacity: 1;
}
.vft-zoom-in-top-fast-enter-active[data-popper-placement^=top] {
  transform-origin: center bottom;
}

.vft-zoom-in-top-fast-leave-active {
  transform: scaleY(1);
  transform-origin: center top;
  opacity: 1;
}
.vft-zoom-in-top-fast-leave-active[data-popper-placement^=top] {
  transform-origin: center bottom;
}

.vft-zoom-in-top-fast-enter-from,
.vft-zoom-in-top-fast-leave-active {
  transform: scaleY(0);
  opacity: 0;
}

.vft-zoom-in-bottom-enter-active,
.vft-zoom-in-bottom-leave-active {
  transform: scaleY(1);
  transform-origin: center bottom;
  transition: var(--vft-transition-md-fade);
  opacity: 1;
}

.vft-zoom-in-bottom-enter-from,
.vft-zoom-in-bottom-leave-active {
  transform: scaleY(0);
  opacity: 0;
}

.vft-zoom-in-left-enter-active,
.vft-zoom-in-left-leave-active {
  transform: scale(1, 1);
  transform-origin: top left;
  transition: var(--vft-transition-md-fade);
  opacity: 1;
}

.vft-zoom-in-left-enter-from,
.vft-zoom-in-left-leave-active {
  transform: scale(0.45, 0.45);
  opacity: 0;
}

.collapse-transition {
  transition: var(--vft-transition-duration) height ease-in-out, var(--vft-transition-duration) padding-top ease-in-out, var(--vft-transition-duration) padding-bottom ease-in-out;
}

.vft-collapse-transition-leave-active,
.vft-collapse-transition-enter-active {
  transition: var(--vft-transition-duration) max-height ease-in-out, var(--vft-transition-duration) padding-top ease-in-out, var(--vft-transition-duration) padding-bottom ease-in-out;
}

.horizontal-collapse-transition {
  transition: var(--vft-transition-duration) width ease-in-out, var(--vft-transition-duration) padding-left ease-in-out, var(--vft-transition-duration) padding-right ease-in-out;
}

.vft-list-enter-active,
.vft-list-leave-active {
  transition: all 1s;
}

.vft-list-enter-from,
.vft-list-leave-to {
  transform: translateY(-1.875rem);
  opacity: 0;
}

.vft-list-leave-active {
  position: absolute !important;
}

.vft-opacity-transition {
  transition: opacity var(--vft-transition-duration) cubic-bezier(0.55, 0, 0.1, 1);
}

@keyframes vft-rotate {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes vft-loading-dot {
  33% {
    transform: translateY(-2em);
  }
  66% {
    transform: translateY(-1em);
  }
}
.vft-upload {
  --vft-upload-dragger-padding-horizontal: 2.5rem;
  --vft-upload-dragger-padding-vertical: 0.625rem;
}

.vft-upload {
  outline: none;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  /* Picture Card for Wall */
}
.vft-upload__input {
  display: none;
}

.vft-upload__tip {
  margin-top: 0.4375rem;
  color: var(--vft-text-regular-color);
  font-size: 0.75rem;
}

.vft-upload--picture-card {
  box-sizing: border-box;
  width: var(--vft-upload-picture-card-size);
  height: var(--vft-upload-picture-card-size);
  border: 0.0625rem dashed var(--vft-border-color-darker);
  border-radius: 0.375rem;
  background-color: var(--vft-fill-color-lighter);
  vertical-align: top;
  cursor: pointer;
  --vft-upload-picture-card-size: 9.25rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.vft-upload--picture-card i {
  color: var(--vft-text-secondary-color);
  font-size: 1.75rem;
}
.vft-upload--picture-card:hover {
  border-color: var(--vft-primary-color);
  color: var(--vft-primary-color);
}

.vft-upload.is-drag {
  display: block;
}

.vft-upload iframe {
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  opacity: 0;
  filter: alpha(opacity=0);
}
.vft-upload:focus {
  border-color: var(--vft-primary-color);
  color: var(--vft-primary-color);
}
.vft-upload:focus .vft-upload-dragger {
  border-color: var(--vft-primary-color);
}
.vft-upload .icon-close {
  width: 1em;
  height: 1em;
  background-color: currentcolor;
  -webkit-mask: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="M764.288 214.592L512 466.88L259.712 214.592a31.936 31.936 0 0 0-45.12 45.12L466.752 512L214.528 764.224a31.936 31.936 0 1 0 45.12 45.184L512 557.184l252.288 252.288a31.936 31.936 0 0 0 45.12-45.12L557.12 512.064l252.288-252.352a31.936 31.936 0 1 0-45.12-45.184z"%2F%3E%3C%2Fsvg%3E') no-repeat;
          mask: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="M764.288 214.592L512 466.88L259.712 214.592a31.936 31.936 0 0 0-45.12 45.12L466.752 512L214.528 764.224a31.936 31.936 0 1 0 45.12 45.184L512 557.184l252.288 252.288a31.936 31.936 0 0 0 45.12-45.12L557.12 512.064l252.288-252.352a31.936 31.936 0 1 0-45.12-45.184z"%2F%3E%3C%2Fsvg%3E') no-repeat;
  -webkit-mask-size: 100% 100%;
          mask-size: 100% 100%;
}
.vft-upload .icon-document {
  width: 1em;
  height: 1em;
  background-color: currentcolor;
  -webkit-mask: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="M832 384H576V128H192v768h640V384zm-26.496-64L640 154.496V320h165.504zM160 64h480l256 256v608a32 32 0 0 1-32 32H160a32 32 0 0 1-32-32V96a32 32 0 0 1 32-32zm160 448h384v64H320v-64zm0-192h160v64H320v-64zm0 384h384v64H320v-64z"%2F%3E%3C%2Fsvg%3E') no-repeat;
          mask: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="M832 384H576V128H192v768h640V384zm-26.496-64L640 154.496V320h165.504zM160 64h480l256 256v608a32 32 0 0 1-32 32H160a32 32 0 0 1-32-32V96a32 32 0 0 1 32-32zm160 448h384v64H320v-64zm0-192h160v64H320v-64zm0 384h384v64H320v-64z"%2F%3E%3C%2Fsvg%3E') no-repeat;
  -webkit-mask-size: 100% 100%;
          mask-size: 100% 100%;
}
.vft-upload .icon-circle-check {
  width: 1em;
  height: 1em;
  background-color: currentcolor;
  -webkit-mask: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="M512 896a384 384 0 1 0 0-768a384 384 0 0 0 0 768zm0 64a448 448 0 1 1 0-896a448 448 0 0 1 0 896z"%2F%3E%3Cpath fill="currentColor" d="M745.344 361.344a32 32 0 0 1 45.312 45.312l-288 288a32 32 0 0 1-45.312 0l-160-160a32 32 0 1 1 45.312-45.312L480 626.752l265.344-265.408z"%2F%3E%3C%2Fsvg%3E') no-repeat;
          mask: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="M512 896a384 384 0 1 0 0-768a384 384 0 0 0 0 768zm0 64a448 448 0 1 1 0-896a448 448 0 0 1 0 896z"%2F%3E%3Cpath fill="currentColor" d="M745.344 361.344a32 32 0 0 1 45.312 45.312l-288 288a32 32 0 0 1-45.312 0l-160-160a32 32 0 1 1 45.312-45.312L480 626.752l265.344-265.408z"%2F%3E%3C%2Fsvg%3E') no-repeat;
  -webkit-mask-size: 100% 100%;
          mask-size: 100% 100%;
}
.vft-upload .icon-check {
  width: 1em;
  height: 1em;
  background-color: currentcolor;
  -webkit-mask: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="M406.656 706.944L195.84 496.256a32 32 0 1 0-45.248 45.248l256 256l512-512a32 32 0 0 0-45.248-45.248L406.592 706.944z"%2F%3E%3C%2Fsvg%3E') no-repeat;
          mask: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="M406.656 706.944L195.84 496.256a32 32 0 1 0-45.248 45.248l256 256l512-512a32 32 0 0 0-45.248-45.248L406.592 706.944z"%2F%3E%3C%2Fsvg%3E') no-repeat;
  -webkit-mask-size: 100% 100%;
          mask-size: 100% 100%;
}
.vft-upload .icon-zoom-in {
  width: 1em;
  height: 1em;
  background-color: currentcolor;
  -webkit-mask: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="m795.904 750.72l124.992 124.928a32 32 0 0 1-45.248 45.248L750.656 795.904a416 416 0 1 1 45.248-45.248zM480 832a352 352 0 1 0 0-704a352 352 0 0 0 0 704zm-32-384v-96a32 32 0 0 1 64 0v96h96a32 32 0 0 1 0 64h-96v96a32 32 0 0 1-64 0v-96h-96a32 32 0 0 1 0-64h96z"%2F%3E%3C%2Fsvg%3E') no-repeat;
          mask: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="m795.904 750.72l124.992 124.928a32 32 0 0 1-45.248 45.248L750.656 795.904a416 416 0 1 1 45.248-45.248zM480 832a352 352 0 1 0 0-704a352 352 0 0 0 0 704zm-32-384v-96a32 32 0 0 1 64 0v96h96a32 32 0 0 1 0 64h-96v96a32 32 0 0 1-64 0v-96h-96a32 32 0 0 1 0-64h96z"%2F%3E%3C%2Fsvg%3E') no-repeat;
  -webkit-mask-size: 100% 100%;
          mask-size: 100% 100%;
}
.vft-upload .icon-delete {
  width: 1em;
  height: 1em;
  background-color: currentcolor;
  -webkit-mask: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" viewBox="0 0 14 14"%3E%3Cpath fill="none" stroke="%23000" stroke-linecap="round" stroke-linejoin="round" d="M1 3.5h12m-10.5 0h9v9a1 1 0 0 1-1 1h-7a1 1 0 0 1-1-1zm2 0V3a2.5 2.5 0 1 1 5 0v.5m-4 3.001v4.002m3-4.002v4.002" stroke-width="1"%2F%3E%3C%2Fsvg%3E') no-repeat;
          mask: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" viewBox="0 0 14 14"%3E%3Cpath fill="none" stroke="%23000" stroke-linecap="round" stroke-linejoin="round" d="M1 3.5h12m-10.5 0h9v9a1 1 0 0 1-1 1h-7a1 1 0 0 1-1-1zm2 0V3a2.5 2.5 0 1 1 5 0v.5m-4 3.001v4.002m3-4.002v4.002" stroke-width="1"%2F%3E%3C%2Fsvg%3E') no-repeat;
  -webkit-mask-size: 100% 100%;
          mask-size: 100% 100%;
}

.vft-upload-dragger {
  position: relative;
  box-sizing: border-box;
  padding: var(--vft-upload-dragger-padding-horizontal) var(--vft-upload-dragger-padding-vertical);
  overflow: hidden;
  border: 0.0625rem dashed var(--vft-border-color);
  border-radius: 0.375rem;
  background-color: var(--vft-fill-color-blank);
  text-align: center;
  cursor: pointer;
}
.vft-upload-dragger.is-dragover {
  padding: calc(var(--vft-upload-dragger-padding-horizontal) - 0.0625rem) calc(var(--vft-upload-dragger-padding-vertical) - 0.0625rem);
  border: 0.125rem dashed var(--vft-primary-color);
  background-color: var(--vft-primary-color-light-9);
}

.vft-upload-dragger .vft-icon--upload {
  margin-bottom: 1rem;
  color: var(--vft-text-placeholder-color);
  font-size: 4.1875rem;
  line-height: 3.125rem;
}
.vft-upload-dragger + .vft-upload__tip {
  text-align: center;
}
.vft-upload-dragger ~ .vft-upload__files {
  margin-top: 0.4375rem;
  padding-top: 0.3125rem;
  border-top: var(--vft-border);
}
.vft-upload-dragger .vft-upload__text {
  color: var(--vft-text-regular-color);
  font-size: 0.875rem;
  text-align: center;
}
.vft-upload-dragger .vft-upload__text em {
  color: var(--vft-primary-color);
  font-style: normal;
}
.vft-upload-dragger:hover {
  border-color: var(--vft-primary-color);
}
.vft-upload-dragger .icon-arrow-upload {
  width: 1em;
  height: 1em;
  background-color: currentcolor;
  -webkit-mask: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="M160 832h704a32 32 0 1 1 0 64H160a32 32 0 1 1 0-64zm384-578.304V704h-64V247.296L237.248 490.048L192 444.8L508.8 128l316.8 316.8l-45.312 45.248L544 253.696z"%2F%3E%3C%2Fsvg%3E') no-repeat;
          mask: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="M160 832h704a32 32 0 1 1 0 64H160a32 32 0 1 1 0-64zm384-578.304V704h-64V247.296L237.248 490.048L192 444.8L508.8 128l316.8 316.8l-45.312 45.248L544 253.696z"%2F%3E%3C%2Fsvg%3E') no-repeat;
  -webkit-mask-size: 100% 100%;
          mask-size: 100% 100%;
}

.vft-upload-list {
  position: relative;
  margin: 0.625rem 0 0;
  padding: 0;
  list-style: none;
}
.vft-upload-list__item {
  position: relative;
  box-sizing: border-box;
  width: 100%;
  margin-bottom: 0.3125rem;
  transition: all 0.5s cubic-bezier(0.55, 0, 0.1, 1);
  border-radius: 0.25rem;
  color: var(--vft-text-regular-color);
  font-size: 0.875rem;
}
.vft-upload-list__item.is-success .vft-upload-list__item-status-label {
  display: inline-flex;
}
.vft-upload-list__item.is-success .vft-upload-list__item-name:hover,
.vft-upload-list__item.is-success .vft-upload-list__item-name:focus {
  color: var(--vft-primary-color);
  cursor: pointer;
}
.vft-upload-list__item.is-success:focus:not(:hover) {
  /* 键盘focus */
}
.vft-upload-list__item.is-success:focus:not(:hover) .vft-icon--close-tip {
  display: inline-block;
}
.vft-upload-list__item.is-success:not(.focusing):focus, .vft-upload-list__item.is-success:active {
  /* click时 */
  outline-width: 0;
}
.vft-upload-list__item.is-success:not(.focusing):focus .vft-icon--close-tip, .vft-upload-list__item.is-success:active .vft-icon--close-tip {
  display: none;
}
.vft-upload-list__item.is-success:hover .vft-upload-list__item-status-label, .vft-upload-list__item.is-success:focus .vft-upload-list__item-status-label {
  display: none;
  opacity: 0;
}

.vft-upload-list__item .vft-progress {
  position: absolute;
  top: 1.25rem;
  width: 100%;
}
.vft-upload-list__item .vft-progress__text {
  position: absolute;
  top: -0.8125rem;
  right: 0;
}
.vft-upload-list__item .vft-progress-bar {
  margin-right: 0;
  padding-right: 0;
}
.vft-upload-list__item .vft-icon--upload-success {
  color: var(--vft-success-color);
}
.vft-upload-list__item .vft-icon--close {
  display: none;
  position: absolute;
  top: 50%;
  right: 0.3125rem;
  transform: translateY(-50%);
  transition: opacity var(--vft-transition-duration);
  opacity: 0.75;
  color: var(--vft-text-regular-color);
  cursor: pointer;
}
.vft-upload-list__item .vft-icon--close:hover {
  opacity: 1;
  color: var(--vft-primary-color);
}
.vft-upload-list__item .vft-icon--close-tip {
  display: none;
  position: absolute;
  top: 0.0625rem;
  right: 0.3125rem;
  opacity: 1;
  color: var(--vft-primary-color);
  font-size: 0.75rem;
  font-style: normal;
  cursor: pointer;
}
.vft-upload-list__item:hover {
  background-color: var(--vft-fill-color-light);
}
.vft-upload-list__item:hover .vft-icon--close {
  display: inline-flex;
}
.vft-upload-list__item:hover .vft-progress__text {
  display: none;
}
.vft-upload-list__item .vft-upload-list__item-info {
  display: inline-flex;
  flex-direction: column;
  justify-content: center;
  width: calc(100% - 1.875rem);
  margin-left: 0.25rem;
  line-height: normal;
}

.vft-upload-list__item-name {
  display: inline-flex;
  align-items: center;
  padding: 0 0.25rem;
  transition: color var(--vft-transition-duration);
  color: var(--vft-text-regular-color);
  font-size: var(--vft-font-size-base);
  text-align: center;
}
.vft-upload-list__item-name .vft-icon {
  margin-right: 0.375rem;
  color: var(--vft-text-secondary-color);
}

.vft-upload-list__item-file-name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.vft-upload-list__item-status-label {
  display: none;
  position: absolute;
  top: 0;
  right: 0.3125rem;
  align-items: center;
  justify-content: center;
  height: 100%;
  transition: opacity var(--vft-transition-duration);
  line-height: inherit;
}

.vft-upload-list__item-delete {
  display: none;
  position: absolute;
  top: 0;
  right: 0.625rem;
  color: var(--vft-text-regular-color);
  font-size: 0.75rem;
}
.vft-upload-list__item-delete:hover {
  color: var(--vft-primary-color);
}

.vft-upload-list--picture-card {
  display: inline-flex;
  flex-wrap: wrap;
  margin: 0;
  --vft-upload-list-picture-card-size: 9.25rem;
}
.vft-upload-list--picture-card .vft-upload-list__item {
  display: inline-flex;
  box-sizing: border-box;
  width: var(--vft-upload-list-picture-card-size);
  height: var(--vft-upload-list-picture-card-size);
  margin: 0 0.5rem 0.5rem 0;
  padding: 0;
  overflow: hidden;
  border: 0.0625rem solid var(--vft-border-color);
  border-radius: 0.375rem;
  background-color: var(--vft-fill-color-blank);
}
.vft-upload-list--picture-card .vft-upload-list__item .vft-icon--check,
.vft-upload-list--picture-card .vft-upload-list__item .vft-icon--circle-check {
  color: #fff;
}
.vft-upload-list--picture-card .vft-upload-list__item .vft-icon--close {
  display: none;
}
.vft-upload-list--picture-card .vft-upload-list__item:hover .vft-upload-list__item-status-label {
  display: block;
  opacity: 0;
}
.vft-upload-list--picture-card .vft-upload-list__item:hover .vft-progress__text {
  display: block;
}
.vft-upload-list--picture-card .vft-upload-list__item .vft-upload-list__item-name {
  display: none;
}
.vft-upload-list--picture-card .vft-upload-list__item-thumbnail {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.vft-upload-list--picture-card .vft-upload-list__item-status-label {
  top: -0.375rem;
  right: -0.9375rem;
  width: 2.5rem;
  height: 1.5rem;
  transform: rotate(45deg);
  background: var(--vft-success-color);
  text-align: center;
}
.vft-upload-list--picture-card .vft-upload-list__item-status-label i {
  margin-top: 0.6875rem;
  transform: rotate(-45deg);
  font-size: 0.75rem;
}
.vft-upload-list--picture-card .vft-upload-list__item-actions {
  display: inline-flex;
  position: absolute;
  top: 0;
  left: 0;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  transition: opacity var(--vft-transition-duration);
  opacity: 0;
  background-color: var(--vft-overlay-color-lighter);
  color: #fff;
  font-size: 1.25rem;
  cursor: default;
}
.vft-upload-list--picture-card .vft-upload-list__item-actions span {
  display: none;
  cursor: pointer;
}
.vft-upload-list--picture-card .vft-upload-list__item-actions span + span {
  margin-left: 1rem;
}
.vft-upload-list--picture-card .vft-upload-list__item-actions .vft-upload-list__item-delete {
  position: static;
  color: inherit;
  font-size: inherit;
}
.vft-upload-list--picture-card .vft-upload-list__item-actions:hover {
  opacity: 1;
}
.vft-upload-list--picture-card .vft-upload-list__item-actions:hover span {
  display: inline-flex;
}
.vft-upload-list--picture-card .vft-progress {
  top: 50%;
  bottom: auto;
  left: 50%;
  width: 7.875rem;
  transform: translate(-50%, -50%);
}
.vft-upload-list--picture-card .vft-progress .vft-progress__text {
  top: 50%;
}

.vft-upload-list--picture .vft-upload-list__item {
  display: flex;
  z-index: 0;
  box-sizing: border-box;
  align-items: center;
  margin-top: 0.625rem;
  padding: 0.625rem;
  overflow: hidden;
  border: 0.0625rem solid var(--vft-border-color);
  border-radius: 0.375rem;
  background-color: var(--vft-fill-color-blank);
}
.vft-upload-list--picture .vft-upload-list__item .vft-icon--check,
.vft-upload-list--picture .vft-upload-list__item .vft-icon--circle-check {
  color: #fff;
}
.vft-upload-list--picture .vft-upload-list__item:hover .vft-upload-list__item-status-label {
  display: inline-flex;
  opacity: 0;
}
.vft-upload-list--picture .vft-upload-list__item:hover .vft-progress__text {
  display: block;
}
.vft-upload-list--picture .vft-upload-list__item.is-success .vft-upload-list__item-name i {
  display: none;
}
.vft-upload-list--picture .vft-upload-list__item .vft-icon--close {
  top: 0.3125rem;
  transform: translateY(0);
}
.vft-upload-list--picture .vft-upload-list__item-thumbnail {
  display: inline-flex;
  position: relative;
  z-index: 1;
  align-items: center;
  justify-content: center;
  width: 4.375rem;
  height: 4.375rem;
  background-color: var(--vft-color-white);
  -o-object-fit: contain;
     object-fit: contain;
}
.vft-upload-list--picture .vft-upload-list__item-status-label {
  position: absolute;
  top: -0.4375rem;
  right: -1.0625rem;
  width: 2.875rem;
  height: 1.625rem;
  transform: rotate(45deg);
  background: var(--vft-success-color);
  text-align: center;
}
.vft-upload-list--picture .vft-upload-list__item-status-label i {
  margin-top: 0.75rem;
  transform: rotate(-45deg);
  font-size: 0.75rem;
}
.vft-upload-list--picture .vft-progress {
  position: relative;
  top: -0.4375rem;
}

.vft-upload-list .icon-close {
  width: 1em;
  height: 1em;
  background-color: currentcolor;
  -webkit-mask: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="M764.288 214.592L512 466.88L259.712 214.592a31.936 31.936 0 0 0-45.12 45.12L466.752 512L214.528 764.224a31.936 31.936 0 1 0 45.12 45.184L512 557.184l252.288 252.288a31.936 31.936 0 0 0 45.12-45.12L557.12 512.064l252.288-252.352a31.936 31.936 0 1 0-45.12-45.184z"%2F%3E%3C%2Fsvg%3E') no-repeat;
          mask: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="M764.288 214.592L512 466.88L259.712 214.592a31.936 31.936 0 0 0-45.12 45.12L466.752 512L214.528 764.224a31.936 31.936 0 1 0 45.12 45.184L512 557.184l252.288 252.288a31.936 31.936 0 0 0 45.12-45.12L557.12 512.064l252.288-252.352a31.936 31.936 0 1 0-45.12-45.184z"%2F%3E%3C%2Fsvg%3E') no-repeat;
  -webkit-mask-size: 100% 100%;
          mask-size: 100% 100%;
}
.vft-upload-list .icon-document {
  width: 1em;
  height: 1em;
  background-color: currentcolor;
  -webkit-mask: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="M832 384H576V128H192v768h640V384zm-26.496-64L640 154.496V320h165.504zM160 64h480l256 256v608a32 32 0 0 1-32 32H160a32 32 0 0 1-32-32V96a32 32 0 0 1 32-32zm160 448h384v64H320v-64zm0-192h160v64H320v-64zm0 384h384v64H320v-64z"%2F%3E%3C%2Fsvg%3E') no-repeat;
          mask: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="M832 384H576V128H192v768h640V384zm-26.496-64L640 154.496V320h165.504zM160 64h480l256 256v608a32 32 0 0 1-32 32H160a32 32 0 0 1-32-32V96a32 32 0 0 1 32-32zm160 448h384v64H320v-64zm0-192h160v64H320v-64zm0 384h384v64H320v-64z"%2F%3E%3C%2Fsvg%3E') no-repeat;
  -webkit-mask-size: 100% 100%;
          mask-size: 100% 100%;
}
.vft-upload-list .icon-circle-check {
  width: 1em;
  height: 1em;
  background-color: currentcolor;
  -webkit-mask: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="M512 896a384 384 0 1 0 0-768a384 384 0 0 0 0 768zm0 64a448 448 0 1 1 0-896a448 448 0 0 1 0 896z"%2F%3E%3Cpath fill="currentColor" d="M745.344 361.344a32 32 0 0 1 45.312 45.312l-288 288a32 32 0 0 1-45.312 0l-160-160a32 32 0 1 1 45.312-45.312L480 626.752l265.344-265.408z"%2F%3E%3C%2Fsvg%3E') no-repeat;
          mask: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="M512 896a384 384 0 1 0 0-768a384 384 0 0 0 0 768zm0 64a448 448 0 1 1 0-896a448 448 0 0 1 0 896z"%2F%3E%3Cpath fill="currentColor" d="M745.344 361.344a32 32 0 0 1 45.312 45.312l-288 288a32 32 0 0 1-45.312 0l-160-160a32 32 0 1 1 45.312-45.312L480 626.752l265.344-265.408z"%2F%3E%3C%2Fsvg%3E') no-repeat;
  -webkit-mask-size: 100% 100%;
          mask-size: 100% 100%;
}
.vft-upload-list .icon-check {
  width: 1em;
  height: 1em;
  background-color: currentcolor;
  -webkit-mask: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="M406.656 706.944L195.84 496.256a32 32 0 1 0-45.248 45.248l256 256l512-512a32 32 0 0 0-45.248-45.248L406.592 706.944z"%2F%3E%3C%2Fsvg%3E') no-repeat;
          mask: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="M406.656 706.944L195.84 496.256a32 32 0 1 0-45.248 45.248l256 256l512-512a32 32 0 0 0-45.248-45.248L406.592 706.944z"%2F%3E%3C%2Fsvg%3E') no-repeat;
  -webkit-mask-size: 100% 100%;
          mask-size: 100% 100%;
}
.vft-upload-list .icon-zoom-in {
  width: 1em;
  height: 1em;
  background-color: currentcolor;
  -webkit-mask: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="m795.904 750.72l124.992 124.928a32 32 0 0 1-45.248 45.248L750.656 795.904a416 416 0 1 1 45.248-45.248zM480 832a352 352 0 1 0 0-704a352 352 0 0 0 0 704zm-32-384v-96a32 32 0 0 1 64 0v96h96a32 32 0 0 1 0 64h-96v96a32 32 0 0 1-64 0v-96h-96a32 32 0 0 1 0-64h96z"%2F%3E%3C%2Fsvg%3E') no-repeat;
          mask: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="m795.904 750.72l124.992 124.928a32 32 0 0 1-45.248 45.248L750.656 795.904a416 416 0 1 1 45.248-45.248zM480 832a352 352 0 1 0 0-704a352 352 0 0 0 0 704zm-32-384v-96a32 32 0 0 1 64 0v96h96a32 32 0 0 1 0 64h-96v96a32 32 0 0 1-64 0v-96h-96a32 32 0 0 1 0-64h96z"%2F%3E%3C%2Fsvg%3E') no-repeat;
  -webkit-mask-size: 100% 100%;
          mask-size: 100% 100%;
}
.vft-upload-list .icon-delete {
  width: 1em;
  height: 1em;
  background-color: currentcolor;
  -webkit-mask: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" viewBox="0 0 14 14"%3E%3Cpath fill="none" stroke="%23000" stroke-linecap="round" stroke-linejoin="round" d="M1 3.5h12m-10.5 0h9v9a1 1 0 0 1-1 1h-7a1 1 0 0 1-1-1zm2 0V3a2.5 2.5 0 1 1 5 0v.5m-4 3.001v4.002m3-4.002v4.002" stroke-width="1"%2F%3E%3C%2Fsvg%3E') no-repeat;
          mask: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" viewBox="0 0 14 14"%3E%3Cpath fill="none" stroke="%23000" stroke-linecap="round" stroke-linejoin="round" d="M1 3.5h12m-10.5 0h9v9a1 1 0 0 1-1 1h-7a1 1 0 0 1-1-1zm2 0V3a2.5 2.5 0 1 1 5 0v.5m-4 3.001v4.002m3-4.002v4.002" stroke-width="1"%2F%3E%3C%2Fsvg%3E') no-repeat;
  -webkit-mask-size: 100% 100%;
          mask-size: 100% 100%;
}

.vft-upload-cover {
  position: absolute;
  z-index: 10;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  cursor: default;
}
.vft-upload-cover::after {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}

.vft-upload-cover__label {
  top: -0.375rem;
  right: -0.9375rem;
  width: 2.5rem;
  height: 1.5rem;
  transform: rotate(45deg);
  background: var(--vft-success-color);
  text-align: center;
}
.vft-upload-cover__label i {
  margin-top: 0.6875rem;
  transform: rotate(-45deg);
  color: #fff;
  font-size: 0.75rem;
}

.vft-upload-cover__progress {
  display: inline-block;
  position: static;
  width: 15.1875rem;
  vertical-align: middle;
}
.vft-upload-cover__progress + .vft-upload__inner {
  opacity: 0;
}

.vft-upload-cover__content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.vft-upload-cover__interact {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: var(--vft-overlay-color-light);
  text-align: center;
}
.vft-upload-cover__interact .btn {
  display: inline-block;
  margin-top: 3.75rem;
  transition: var(--vft-transition-md-fade);
  color: #fff;
  font-size: 0.875rem;
  vertical-align: middle;
  cursor: pointer;
}
.vft-upload-cover__interact .btn i {
  margin-top: 0;
}
.vft-upload-cover__interact .btn span {
  transition: opacity 0.15s linear;
  opacity: 0;
}
.vft-upload-cover__interact .btn:not(:first-child) {
  margin-left: 2.1875rem;
}
.vft-upload-cover__interact .btn:hover {
  transform: translateY(-0.8125rem);
}
.vft-upload-cover__interact .btn:hover span {
  opacity: 1;
}
.vft-upload-cover__interact .btn i {
  display: block;
  margin: 0 auto 0.3125rem;
  color: #fff;
  font-size: 1.5rem;
  line-height: inherit;
}

.vft-upload-cover__title {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2.25rem;
  margin: 0;
  padding: 0 0.625rem;
  overflow: hidden;
  background-color: #fff;
  color: var(--vft-text-primary-color);
  font-size: 0.875rem;
  font-weight: normal;
  line-height: 2.25rem;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.vft-upload-cover img {
  display: block;
  width: 100%;
  height: 100%;
}
.vft-upload-cover + .vft-upload__inner {
  position: relative;
  z-index: 1;
  opacity: 0;
}.vft-fade-in-linear-enter-active,
.vft-fade-in-linear-leave-active {
  transition: var(--vft-transition-fade-linear);
}

.vft-fade-in-linear-enter-from,
.vft-fade-in-linear-leave-to {
  opacity: 0;
}

.vft-fade-in-enter-active,
.vft-fade-in-leave-active {
  transition: all var(--vft-transition-duration) cubic-bezier(0.55, 0, 0.1, 1);
}

.vft-fade-in-enter-from,
.vft-fade-in-leave-active {
  opacity: 0;
}

.vft-zoom-in-center-enter-active,
.vft-zoom-in-center-leave-active {
  transition: all var(--vft-transition-duration) cubic-bezier(0.55, 0, 0.1, 1);
}

.vft-zoom-in-center-enter-from,
.vft-zoom-in-center-leave-active {
  transform: scaleX(0);
  opacity: 0;
}

.vft-zoom-in-top-enter-active,
.vft-zoom-in-top-leave-active {
  transition: var(--vft-transition-md-fade);
  transform: scaleY(1);
  transform-origin: center top;
  opacity: 1;
}
.vft-zoom-in-top-enter-active[data-popper-placement^=top],
.vft-zoom-in-top-leave-active[data-popper-placement^=top] {
  transform-origin: center bottom;
}

.vft-zoom-in-top-enter-from,
.vft-zoom-in-top-leave-active {
  transform: scaleY(0);
  opacity: 0;
}

.vft-zoom-in-top-fast-enter-active {
  transition: var(--vft-transition-md-fade);
  transform: scaleY(1);
  transform-origin: center top;
  opacity: 1;
}
.vft-zoom-in-top-fast-enter-active[data-popper-placement^=top] {
  transform-origin: center bottom;
}

.vft-zoom-in-top-fast-leave-active {
  transform: scaleY(1);
  transform-origin: center top;
  opacity: 1;
}
.vft-zoom-in-top-fast-leave-active[data-popper-placement^=top] {
  transform-origin: center bottom;
}

.vft-zoom-in-top-fast-enter-from,
.vft-zoom-in-top-fast-leave-active {
  transform: scaleY(0);
  opacity: 0;
}

.vft-zoom-in-bottom-enter-active,
.vft-zoom-in-bottom-leave-active {
  transform: scaleY(1);
  transform-origin: center bottom;
  transition: var(--vft-transition-md-fade);
  opacity: 1;
}

.vft-zoom-in-bottom-enter-from,
.vft-zoom-in-bottom-leave-active {
  transform: scaleY(0);
  opacity: 0;
}

.vft-zoom-in-left-enter-active,
.vft-zoom-in-left-leave-active {
  transform: scale(1, 1);
  transform-origin: top left;
  transition: var(--vft-transition-md-fade);
  opacity: 1;
}

.vft-zoom-in-left-enter-from,
.vft-zoom-in-left-leave-active {
  transform: scale(0.45, 0.45);
  opacity: 0;
}

.collapse-transition {
  transition: var(--vft-transition-duration) height ease-in-out, var(--vft-transition-duration) padding-top ease-in-out, var(--vft-transition-duration) padding-bottom ease-in-out;
}

.vft-collapse-transition-leave-active,
.vft-collapse-transition-enter-active {
  transition: var(--vft-transition-duration) max-height ease-in-out, var(--vft-transition-duration) padding-top ease-in-out, var(--vft-transition-duration) padding-bottom ease-in-out;
}

.horizontal-collapse-transition {
  transition: var(--vft-transition-duration) width ease-in-out, var(--vft-transition-duration) padding-left ease-in-out, var(--vft-transition-duration) padding-right ease-in-out;
}

.vft-list-enter-active,
.vft-list-leave-active {
  transition: all 1s;
}

.vft-list-enter-from,
.vft-list-leave-to {
  transform: translateY(-1.875rem);
  opacity: 0;
}

.vft-list-leave-active {
  position: absolute !important;
}

.vft-opacity-transition {
  transition: opacity var(--vft-transition-duration) cubic-bezier(0.55, 0, 0.1, 1);
}

@keyframes vft-rotate {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes vft-loading-dot {
  33% {
    transform: translateY(-2em);
  }
  66% {
    transform: translateY(-1em);
  }
}
.vft-input-tag {
  --vft-input-tag-border-color-hover: var(--vft-border-color-hover);
  --vft-input-tag-placeholder-color: var(--vft-text-placeholder-color);
  --vft-input-tag-disabled-color: var(--vft-disabled-text-color);
  --vft-input-tag-disabled-border: var(--vft-disabled-border-color);
  --vft-input-tag-font-size: var(--vft-font-size-base);
  --vft-input-tag-close-hover-color: var(--vft-text-secondary-color);
  --vft-input-tag-text-color: var(--vft-text-regular-color);
  --vft-input-tag-input-focus-border-color: var(--vft-primary-color);
  --vft-input-tag-width: 100%;
  --vft-input-tag-mini-height: var(--vft-component-size);
  --vft-input-tag-gap: 0.375rem;
  --vft-input-tag-padding: 0.25rem;
  --vft-input-tag-inner-padding: 0.5rem;
  --vft-input-tag-line-height: 1.5rem;
}

.vft-input-tag {
  display: flex;
  box-sizing: border-box;
  align-items: center;
  width: var(--vft-input-tag-width);
  min-height: var(--vft-input-tag-mini-height);
  padding: var(--vft-input-tag-padding);
  transform: translate3d(0, 0, 0);
  transition: var(--vft-transition-duration);
  border-radius: var(--vft-border-radius-base);
  background-color: var(--vft-fill-color-blank);
  font-size: var(--vft-input-tag-font-size);
  line-height: var(--vft-input-tag-line-height);
  cursor: pointer;
  border: 0.0625rem solid var(--vft-border-color);
}
.vft-input-tag.is-focused {
  border: 0.0625rem solid var(--vft-primary-color);
}

.vft-input-tag.is-hovering:not(.is-focused) {
  border: 0.0625rem solid var(--vft-border-color-hover);
}

.vft-input-tag.is-disabled {
  background-color: var(--vft-fill-color-light);
  cursor: not-allowed;
  border: 0.0625rem solid var(--vft-input-tag-disabled-border);
}
.vft-input-tag.is-disabled:hover {
  border: 0.0625rem solid var(--vft-input-tag-disabled-border);
}
.vft-input-tag.is-disabled.is-focus {
  border: 0.0625rem solid var(--vft-input-focus-border-color);
}
.vft-input-tag.is-disabled .vft-input-tag__inner .vft-input-tag__input {
  cursor: not-allowed;
}

.vft-input-tag.is-disabled .vft-input-tag__inner .vft-tag {
  cursor: not-allowed;
}

.vft-input-tag__prefix {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  padding: 0 var(--vft-input-tag-inner-padding);
  color: var(--vft-input-icon-color, var(--vft-text-placeholder-color));
}

.vft-input-tag__suffix {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  padding: 0 var(--vft-input-tag-inner-padding);
  color: var(--vft-input-icon-color, var(--vft-text-placeholder-color));
  gap: 0.5rem;
}
.vft-input-tag__suffix .icon-circle-close {
  width: 1em;
  height: 1em;
  background-color: currentcolor;
  -webkit-mask: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="m466.752 512l-90.496-90.496a32 32 0 0 1 45.248-45.248L512 466.752l90.496-90.496a32 32 0 1 1 45.248 45.248L557.248 512l90.496 90.496a32 32 0 1 1-45.248 45.248L512 557.248l-90.496 90.496a32 32 0 0 1-45.248-45.248L466.752 512z"%2F%3E%3Cpath fill="currentColor" d="M512 896a384 384 0 1 0 0-768a384 384 0 0 0 0 768zm0 64a448 448 0 1 1 0-896a448 448 0 0 1 0 896z"%2F%3E%3C%2Fsvg%3E') no-repeat;
          mask: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="m466.752 512l-90.496-90.496a32 32 0 0 1 45.248-45.248L512 466.752l90.496-90.496a32 32 0 1 1 45.248 45.248L557.248 512l90.496 90.496a32 32 0 1 1-45.248 45.248L512 557.248l-90.496 90.496a32 32 0 0 1-45.248-45.248L466.752 512z"%2F%3E%3Cpath fill="currentColor" d="M512 896a384 384 0 1 0 0-768a384 384 0 0 0 0 768zm0 64a448 448 0 1 1 0-896a448 448 0 0 1 0 896z"%2F%3E%3C%2Fsvg%3E') no-repeat;
  -webkit-mask-size: 100% 100%;
          mask-size: 100% 100%;
}

.vft-input-tag__inner {
  display: flex;
  position: relative;
  flex: 1;
  flex-wrap: wrap;
  align-items: center;
  min-width: 0;
  max-width: 100%;
  gap: var(--vft-input-tag-gap);
}
.vft-input-tag__inner.is-left-space {
  margin-left: var(--vft-input-tag-inner-padding);
}

.vft-input-tag__inner.is-right-space {
  margin-right: var(--vft-input-tag-inner-padding);
}

.vft-input-tag__inner.is-draggable .vft-tag {
  cursor: move;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.vft-input-tag__drop-indicator {
  position: absolute;
  top: 0;
  width: 0.0625rem;
  height: var(--el-input-tag-line-height);
  background-color: var(--vft-primary-color);
}

.vft-input-tag__inner .vft-tag {
  max-width: 100%;
  border-color: transparent;
  cursor: pointer;
}
.vft-input-tag__inner .vft-tag.vft-tag--plain {
  border-color: var(--vft-tag-border-color);
}
.vft-input-tag__inner .vft-tag .vft-tag__content {
  min-width: 0;
  overflow: hidden;
  line-height: normal;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.vft-input-tag__input-wrapper {
  flex: 1;
}

.vft-input-tag__input {
  width: 100%;
  padding: 0;
  border: none;
  outline: none;
  background-color: transparent;
  color: var(--vft-input-tag-text-color);
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.vft-input-tag__input::-moz-placeholder {
  color: var(--vft-input-tag-placeholder-color);
}
.vft-input-tag__input::placeholder {
  color: var(--vft-input-tag-placeholder-color);
}

.vft-input-tag__input-calculator {
  visibility: hidden;
  position: absolute;
  top: 0;
  left: 0;
  max-width: 100%;
  overflow: hidden;
  white-space: pre;
}

.vft-input-tag--large {
  --vft-input-tag-gap: 0.375rem;
  --vft-input-tag-padding: 0.5rem;
  --vft-input-tag-padding-left: 0.5rem;
  --vft-input-tag-font-size: 0.875rem;
}

.vft-input-tag--small {
  --vft-input-tag-gap: 0.25rem;
  --vft-input-tag-padding: 0.125rem;
  --vft-input-tag-padding-left: 0.375rem;
  --vft-input-tag-font-size: 0.75rem;
  --vft-input-tag-line-height: 1.25rem;
  --vft-input-tag-mini-height: var(--vft-component-size-small);
}.vft-fade-in-linear-enter-active,
.vft-fade-in-linear-leave-active {
  transition: var(--vft-transition-fade-linear);
}

.vft-fade-in-linear-enter-from,
.vft-fade-in-linear-leave-to {
  opacity: 0;
}

.vft-fade-in-enter-active,
.vft-fade-in-leave-active {
  transition: all var(--vft-transition-duration) cubic-bezier(0.55, 0, 0.1, 1);
}

.vft-fade-in-enter-from,
.vft-fade-in-leave-active {
  opacity: 0;
}

.vft-zoom-in-center-enter-active,
.vft-zoom-in-center-leave-active {
  transition: all var(--vft-transition-duration) cubic-bezier(0.55, 0, 0.1, 1);
}

.vft-zoom-in-center-enter-from,
.vft-zoom-in-center-leave-active {
  transform: scaleX(0);
  opacity: 0;
}

.vft-zoom-in-top-enter-active,
.vft-zoom-in-top-leave-active {
  transition: var(--vft-transition-md-fade);
  transform: scaleY(1);
  transform-origin: center top;
  opacity: 1;
}
.vft-zoom-in-top-enter-active[data-popper-placement^=top],
.vft-zoom-in-top-leave-active[data-popper-placement^=top] {
  transform-origin: center bottom;
}

.vft-zoom-in-top-enter-from,
.vft-zoom-in-top-leave-active {
  transform: scaleY(0);
  opacity: 0;
}

.vft-zoom-in-top-fast-enter-active {
  transition: var(--vft-transition-md-fade);
  transform: scaleY(1);
  transform-origin: center top;
  opacity: 1;
}
.vft-zoom-in-top-fast-enter-active[data-popper-placement^=top] {
  transform-origin: center bottom;
}

.vft-zoom-in-top-fast-leave-active {
  transform: scaleY(1);
  transform-origin: center top;
  opacity: 1;
}
.vft-zoom-in-top-fast-leave-active[data-popper-placement^=top] {
  transform-origin: center bottom;
}

.vft-zoom-in-top-fast-enter-from,
.vft-zoom-in-top-fast-leave-active {
  transform: scaleY(0);
  opacity: 0;
}

.vft-zoom-in-bottom-enter-active,
.vft-zoom-in-bottom-leave-active {
  transform: scaleY(1);
  transform-origin: center bottom;
  transition: var(--vft-transition-md-fade);
  opacity: 1;
}

.vft-zoom-in-bottom-enter-from,
.vft-zoom-in-bottom-leave-active {
  transform: scaleY(0);
  opacity: 0;
}

.vft-zoom-in-left-enter-active,
.vft-zoom-in-left-leave-active {
  transform: scale(1, 1);
  transform-origin: top left;
  transition: var(--vft-transition-md-fade);
  opacity: 1;
}

.vft-zoom-in-left-enter-from,
.vft-zoom-in-left-leave-active {
  transform: scale(0.45, 0.45);
  opacity: 0;
}

.collapse-transition {
  transition: var(--vft-transition-duration) height ease-in-out, var(--vft-transition-duration) padding-top ease-in-out, var(--vft-transition-duration) padding-bottom ease-in-out;
}

.vft-collapse-transition-leave-active,
.vft-collapse-transition-enter-active {
  transition: var(--vft-transition-duration) max-height ease-in-out, var(--vft-transition-duration) padding-top ease-in-out, var(--vft-transition-duration) padding-bottom ease-in-out;
}

.horizontal-collapse-transition {
  transition: var(--vft-transition-duration) width ease-in-out, var(--vft-transition-duration) padding-left ease-in-out, var(--vft-transition-duration) padding-right ease-in-out;
}

.vft-list-enter-active,
.vft-list-leave-active {
  transition: all 1s;
}

.vft-list-enter-from,
.vft-list-leave-to {
  transform: translateY(-1.875rem);
  opacity: 0;
}

.vft-list-leave-active {
  position: absolute !important;
}

.vft-opacity-transition {
  transition: opacity var(--vft-transition-duration) cubic-bezier(0.55, 0, 0.1, 1);
}

@keyframes vft-rotate {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes vft-loading-dot {
  33% {
    transform: translateY(-2em);
  }
  66% {
    transform: translateY(-1em);
  }
}
.vft-check-tag {
  display: inline-block;
  padding: 0.4375rem 0.9375rem;
  transition: var(--vft-transition-all);
  border-radius: var(--vft-border-radius-base);
  background-color: var(--vft-color-info-light-9);
  color: var(--vft-color-info);
  font-size: var(--vft-font-size-base);
  font-weight: bold;
  line-height: var(--vft-font-size-base);
  cursor: pointer;
}
.vft-check-tag.is-checked {
  background-color: var(--vft-primary-color-light-8);
  color: var(--vft-primary-color);
}
.vft-check-tag.is-checked:hover {
  background-color: var(--vft-primary-color-light-7);
}

.vft-check-tag:hover {
  background-color: var(--vft-color-info-light-7);
}.vft-fade-in-linear-enter-active,
.vft-fade-in-linear-leave-active {
  transition: var(--vft-transition-fade-linear);
}

.vft-fade-in-linear-enter-from,
.vft-fade-in-linear-leave-to {
  opacity: 0;
}

.vft-fade-in-enter-active,
.vft-fade-in-leave-active {
  transition: all var(--vft-transition-duration) cubic-bezier(0.55, 0, 0.1, 1);
}

.vft-fade-in-enter-from,
.vft-fade-in-leave-active {
  opacity: 0;
}

.vft-zoom-in-center-enter-active,
.vft-zoom-in-center-leave-active {
  transition: all var(--vft-transition-duration) cubic-bezier(0.55, 0, 0.1, 1);
}

.vft-zoom-in-center-enter-from,
.vft-zoom-in-center-leave-active {
  transform: scaleX(0);
  opacity: 0;
}

.vft-zoom-in-top-enter-active,
.vft-zoom-in-top-leave-active {
  transition: var(--vft-transition-md-fade);
  transform: scaleY(1);
  transform-origin: center top;
  opacity: 1;
}
.vft-zoom-in-top-enter-active[data-popper-placement^=top],
.vft-zoom-in-top-leave-active[data-popper-placement^=top] {
  transform-origin: center bottom;
}

.vft-zoom-in-top-enter-from,
.vft-zoom-in-top-leave-active {
  transform: scaleY(0);
  opacity: 0;
}

.vft-zoom-in-top-fast-enter-active {
  transition: var(--vft-transition-md-fade);
  transform: scaleY(1);
  transform-origin: center top;
  opacity: 1;
}
.vft-zoom-in-top-fast-enter-active[data-popper-placement^=top] {
  transform-origin: center bottom;
}

.vft-zoom-in-top-fast-leave-active {
  transform: scaleY(1);
  transform-origin: center top;
  opacity: 1;
}
.vft-zoom-in-top-fast-leave-active[data-popper-placement^=top] {
  transform-origin: center bottom;
}

.vft-zoom-in-top-fast-enter-from,
.vft-zoom-in-top-fast-leave-active {
  transform: scaleY(0);
  opacity: 0;
}

.vft-zoom-in-bottom-enter-active,
.vft-zoom-in-bottom-leave-active {
  transform: scaleY(1);
  transform-origin: center bottom;
  transition: var(--vft-transition-md-fade);
  opacity: 1;
}

.vft-zoom-in-bottom-enter-from,
.vft-zoom-in-bottom-leave-active {
  transform: scaleY(0);
  opacity: 0;
}

.vft-zoom-in-left-enter-active,
.vft-zoom-in-left-leave-active {
  transform: scale(1, 1);
  transform-origin: top left;
  transition: var(--vft-transition-md-fade);
  opacity: 1;
}

.vft-zoom-in-left-enter-from,
.vft-zoom-in-left-leave-active {
  transform: scale(0.45, 0.45);
  opacity: 0;
}

.collapse-transition {
  transition: var(--vft-transition-duration) height ease-in-out, var(--vft-transition-duration) padding-top ease-in-out, var(--vft-transition-duration) padding-bottom ease-in-out;
}

.vft-collapse-transition-leave-active,
.vft-collapse-transition-enter-active {
  transition: var(--vft-transition-duration) max-height ease-in-out, var(--vft-transition-duration) padding-top ease-in-out, var(--vft-transition-duration) padding-bottom ease-in-out;
}

.horizontal-collapse-transition {
  transition: var(--vft-transition-duration) width ease-in-out, var(--vft-transition-duration) padding-left ease-in-out, var(--vft-transition-duration) padding-right ease-in-out;
}

.vft-list-enter-active,
.vft-list-leave-active {
  transition: all 1s;
}

.vft-list-enter-from,
.vft-list-leave-to {
  transform: translateY(-1.875rem);
  opacity: 0;
}

.vft-list-leave-active {
  position: absolute !important;
}

.vft-opacity-transition {
  transition: opacity var(--vft-transition-duration) cubic-bezier(0.55, 0, 0.1, 1);
}

@keyframes vft-rotate {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes vft-loading-dot {
  33% {
    transform: translateY(-2em);
  }
  66% {
    transform: translateY(-1em);
  }
}
.vft-checkbox-button {
  --vft-checkbox-button-checked-bg-color: var(--vft-primary-color);
  --vft-checkbox-button-checked-text-color: var(--vft-color-white);
  --vft-checkbox-button-checked-border-color: var(--vft-primary-color);
  display: inline-block;
  position: relative;
}
.vft-checkbox-button--large .vft-checkbox-button__inner {
  padding: 0.75rem 1.1875rem;
  border-radius: 0;
  font-size: var(--vft-font-size-base);
}
.vft-checkbox-button--large .vft-checkbox-button__inner.is-round {
  padding: 0.75rem 1.1875rem;
}

.vft-checkbox-button--small .vft-checkbox-button__inner {
  padding: 0.3125rem 0.6875rem;
  border-radius: 0;
  font-size: 0.75rem;
}
.vft-checkbox-button--small .vft-checkbox-button__inner.is-round {
  padding: 0.3125rem 0.6875rem;
}

.vft-checkbox-button__inner {
  display: inline-block;
  position: relative;
  box-sizing: border-box;
  margin: 0;
  transition: var(--vft-transition-all);
  border: var(--vft-border);
  border-left: 0;
  outline: none;
  background: var(--vft-button-bg-color, var(--vft-fill-color-blank));
  color: var(--vft-button-text-color, var(--vft-text-regular-color));
  font-weight: var(--vft-checkbox-font-weight);
  line-height: 1;
  text-align: center;
  vertical-align: middle;
  white-space: nowrap;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  -webkit-appearance: none;
  padding: 0.5rem 0.9375rem;
  border-radius: 0;
  font-size: var(--vft-font-size-base);
}
.vft-checkbox-button__inner.is-round {
  padding: 0.5rem 0.9375rem;
}
.vft-checkbox-button__inner:hover {
  color: var(--vft-primary-color);
}
.vft-checkbox-button__inner [class*=vft-icon-] {
  line-height: 0.9;
}
.vft-checkbox-button__inner [class*=vft-icon-] + span {
  margin-left: 0.3125rem;
}

.vft-checkbox-button__original {
  position: absolute;
  z-index: -1;
  margin: 0;
  outline: none;
  opacity: 0;
}

.vft-checkbox-button.is-checked .vft-checkbox-button__inner {
  border-color: var(--vft-checkbox-button-checked-border-color);
  background-color: var(--vft-checkbox-button-checked-bg-color);
  box-shadow: -0.0625rem 0 0 0 var(--vft-primary-color-light-7);
  color: var(--vft-checkbox-button-checked-text-color);
}
.vft-checkbox-button.is-checked:first-child .vft-checkbox-button__inner {
  border-left-color: var(--vft-checkbox-button-checked-border-color);
}
.vft-checkbox-button.is-disabled .vft-checkbox-button__inner {
  border-color: var(--vft-button-disabled-border-color, var(--vft-border-color-light));
  background-color: var(--vft-button-disabled-bg-color, var(--vft-fill-color-blank));
  background-image: none;
  box-shadow: none;
  color: var(--vft-text-disabled-color);
  cursor: not-allowed;
}
.vft-checkbox-button.is-disabled:first-child .vft-checkbox-button__inner {
  border-left-color: var(--vft-button-disabled-border-color, var(--vft-border-color-light));
}
.vft-checkbox-button:first-child .vft-checkbox-button__inner {
  border-left: var(--vft-border);
  border-top-left-radius: var(--vft-border-radius-base);
  border-bottom-left-radius: var(--vft-border-radius-base);
  box-shadow: none !important;
}
.vft-checkbox-button.is-focus .vft-checkbox-button__inner {
  border-color: var(--vft-checkbox-button-checked-border-color);
}
.vft-checkbox-button:last-child .vft-checkbox-button__inner {
  border-top-right-radius: var(--vft-border-radius-base);
  border-bottom-right-radius: var(--vft-border-radius-base);
}.vft-fade-in-linear-enter-active,
.vft-fade-in-linear-leave-active {
  transition: var(--vft-transition-fade-linear);
}

.vft-fade-in-linear-enter-from,
.vft-fade-in-linear-leave-to {
  opacity: 0;
}

.vft-fade-in-enter-active,
.vft-fade-in-leave-active {
  transition: all var(--vft-transition-duration) cubic-bezier(0.55, 0, 0.1, 1);
}

.vft-fade-in-enter-from,
.vft-fade-in-leave-active {
  opacity: 0;
}

.vft-zoom-in-center-enter-active,
.vft-zoom-in-center-leave-active {
  transition: all var(--vft-transition-duration) cubic-bezier(0.55, 0, 0.1, 1);
}

.vft-zoom-in-center-enter-from,
.vft-zoom-in-center-leave-active {
  transform: scaleX(0);
  opacity: 0;
}

.vft-zoom-in-top-enter-active,
.vft-zoom-in-top-leave-active {
  transition: var(--vft-transition-md-fade);
  transform: scaleY(1);
  transform-origin: center top;
  opacity: 1;
}
.vft-zoom-in-top-enter-active[data-popper-placement^=top],
.vft-zoom-in-top-leave-active[data-popper-placement^=top] {
  transform-origin: center bottom;
}

.vft-zoom-in-top-enter-from,
.vft-zoom-in-top-leave-active {
  transform: scaleY(0);
  opacity: 0;
}

.vft-zoom-in-top-fast-enter-active {
  transition: var(--vft-transition-md-fade);
  transform: scaleY(1);
  transform-origin: center top;
  opacity: 1;
}
.vft-zoom-in-top-fast-enter-active[data-popper-placement^=top] {
  transform-origin: center bottom;
}

.vft-zoom-in-top-fast-leave-active {
  transform: scaleY(1);
  transform-origin: center top;
  opacity: 1;
}
.vft-zoom-in-top-fast-leave-active[data-popper-placement^=top] {
  transform-origin: center bottom;
}

.vft-zoom-in-top-fast-enter-from,
.vft-zoom-in-top-fast-leave-active {
  transform: scaleY(0);
  opacity: 0;
}

.vft-zoom-in-bottom-enter-active,
.vft-zoom-in-bottom-leave-active {
  transform: scaleY(1);
  transform-origin: center bottom;
  transition: var(--vft-transition-md-fade);
  opacity: 1;
}

.vft-zoom-in-bottom-enter-from,
.vft-zoom-in-bottom-leave-active {
  transform: scaleY(0);
  opacity: 0;
}

.vft-zoom-in-left-enter-active,
.vft-zoom-in-left-leave-active {
  transform: scale(1, 1);
  transform-origin: top left;
  transition: var(--vft-transition-md-fade);
  opacity: 1;
}

.vft-zoom-in-left-enter-from,
.vft-zoom-in-left-leave-active {
  transform: scale(0.45, 0.45);
  opacity: 0;
}

.collapse-transition {
  transition: var(--vft-transition-duration) height ease-in-out, var(--vft-transition-duration) padding-top ease-in-out, var(--vft-transition-duration) padding-bottom ease-in-out;
}

.vft-collapse-transition-leave-active,
.vft-collapse-transition-enter-active {
  transition: var(--vft-transition-duration) max-height ease-in-out, var(--vft-transition-duration) padding-top ease-in-out, var(--vft-transition-duration) padding-bottom ease-in-out;
}

.horizontal-collapse-transition {
  transition: var(--vft-transition-duration) width ease-in-out, var(--vft-transition-duration) padding-left ease-in-out, var(--vft-transition-duration) padding-right ease-in-out;
}

.vft-list-enter-active,
.vft-list-leave-active {
  transition: all 1s;
}

.vft-list-enter-from,
.vft-list-leave-to {
  transform: translateY(-1.875rem);
  opacity: 0;
}

.vft-list-leave-active {
  position: absolute !important;
}

.vft-opacity-transition {
  transition: opacity var(--vft-transition-duration) cubic-bezier(0.55, 0, 0.1, 1);
}

@keyframes vft-rotate {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes vft-loading-dot {
  33% {
    transform: translateY(-2em);
  }
  66% {
    transform: translateY(-1em);
  }
}
.vft-checkbox-group {
  font-size: 0;
  line-height: 0;
}.vft-fade-in-linear-enter-active,
.vft-fade-in-linear-leave-active {
  transition: var(--vft-transition-fade-linear);
}

.vft-fade-in-linear-enter-from,
.vft-fade-in-linear-leave-to {
  opacity: 0;
}

.vft-fade-in-enter-active,
.vft-fade-in-leave-active {
  transition: all var(--vft-transition-duration) cubic-bezier(0.55, 0, 0.1, 1);
}

.vft-fade-in-enter-from,
.vft-fade-in-leave-active {
  opacity: 0;
}

.vft-zoom-in-center-enter-active,
.vft-zoom-in-center-leave-active {
  transition: all var(--vft-transition-duration) cubic-bezier(0.55, 0, 0.1, 1);
}

.vft-zoom-in-center-enter-from,
.vft-zoom-in-center-leave-active {
  transform: scaleX(0);
  opacity: 0;
}

.vft-zoom-in-top-enter-active,
.vft-zoom-in-top-leave-active {
  transition: var(--vft-transition-md-fade);
  transform: scaleY(1);
  transform-origin: center top;
  opacity: 1;
}
.vft-zoom-in-top-enter-active[data-popper-placement^=top],
.vft-zoom-in-top-leave-active[data-popper-placement^=top] {
  transform-origin: center bottom;
}

.vft-zoom-in-top-enter-from,
.vft-zoom-in-top-leave-active {
  transform: scaleY(0);
  opacity: 0;
}

.vft-zoom-in-top-fast-enter-active {
  transition: var(--vft-transition-md-fade);
  transform: scaleY(1);
  transform-origin: center top;
  opacity: 1;
}
.vft-zoom-in-top-fast-enter-active[data-popper-placement^=top] {
  transform-origin: center bottom;
}

.vft-zoom-in-top-fast-leave-active {
  transform: scaleY(1);
  transform-origin: center top;
  opacity: 1;
}
.vft-zoom-in-top-fast-leave-active[data-popper-placement^=top] {
  transform-origin: center bottom;
}

.vft-zoom-in-top-fast-enter-from,
.vft-zoom-in-top-fast-leave-active {
  transform: scaleY(0);
  opacity: 0;
}

.vft-zoom-in-bottom-enter-active,
.vft-zoom-in-bottom-leave-active {
  transform: scaleY(1);
  transform-origin: center bottom;
  transition: var(--vft-transition-md-fade);
  opacity: 1;
}

.vft-zoom-in-bottom-enter-from,
.vft-zoom-in-bottom-leave-active {
  transform: scaleY(0);
  opacity: 0;
}

.vft-zoom-in-left-enter-active,
.vft-zoom-in-left-leave-active {
  transform: scale(1, 1);
  transform-origin: top left;
  transition: var(--vft-transition-md-fade);
  opacity: 1;
}

.vft-zoom-in-left-enter-from,
.vft-zoom-in-left-leave-active {
  transform: scale(0.45, 0.45);
  opacity: 0;
}

.collapse-transition {
  transition: var(--vft-transition-duration) height ease-in-out, var(--vft-transition-duration) padding-top ease-in-out, var(--vft-transition-duration) padding-bottom ease-in-out;
}

.vft-collapse-transition-leave-active,
.vft-collapse-transition-enter-active {
  transition: var(--vft-transition-duration) max-height ease-in-out, var(--vft-transition-duration) padding-top ease-in-out, var(--vft-transition-duration) padding-bottom ease-in-out;
}

.horizontal-collapse-transition {
  transition: var(--vft-transition-duration) width ease-in-out, var(--vft-transition-duration) padding-left ease-in-out, var(--vft-transition-duration) padding-right ease-in-out;
}

.vft-list-enter-active,
.vft-list-leave-active {
  transition: all 1s;
}

.vft-list-enter-from,
.vft-list-leave-to {
  transform: translateY(-1.875rem);
  opacity: 0;
}

.vft-list-leave-active {
  position: absolute !important;
}

.vft-opacity-transition {
  transition: opacity var(--vft-transition-duration) cubic-bezier(0.55, 0, 0.1, 1);
}

@keyframes vft-rotate {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes vft-loading-dot {
  33% {
    transform: translateY(-2em);
  }
  66% {
    transform: translateY(-1em);
  }
}
.vft-radio-group {
  display: inline-flex;
  align-items: center;
  flex-wrap: wrap;
  font-size: 0;
}.vft-fade-in-linear-enter-active,
.vft-fade-in-linear-leave-active {
  transition: var(--vft-transition-fade-linear);
}

.vft-fade-in-linear-enter-from,
.vft-fade-in-linear-leave-to {
  opacity: 0;
}

.vft-fade-in-enter-active,
.vft-fade-in-leave-active {
  transition: all var(--vft-transition-duration) cubic-bezier(0.55, 0, 0.1, 1);
}

.vft-fade-in-enter-from,
.vft-fade-in-leave-active {
  opacity: 0;
}

.vft-zoom-in-center-enter-active,
.vft-zoom-in-center-leave-active {
  transition: all var(--vft-transition-duration) cubic-bezier(0.55, 0, 0.1, 1);
}

.vft-zoom-in-center-enter-from,
.vft-zoom-in-center-leave-active {
  transform: scaleX(0);
  opacity: 0;
}

.vft-zoom-in-top-enter-active,
.vft-zoom-in-top-leave-active {
  transition: var(--vft-transition-md-fade);
  transform: scaleY(1);
  transform-origin: center top;
  opacity: 1;
}
.vft-zoom-in-top-enter-active[data-popper-placement^=top],
.vft-zoom-in-top-leave-active[data-popper-placement^=top] {
  transform-origin: center bottom;
}

.vft-zoom-in-top-enter-from,
.vft-zoom-in-top-leave-active {
  transform: scaleY(0);
  opacity: 0;
}

.vft-zoom-in-top-fast-enter-active {
  transition: var(--vft-transition-md-fade);
  transform: scaleY(1);
  transform-origin: center top;
  opacity: 1;
}
.vft-zoom-in-top-fast-enter-active[data-popper-placement^=top] {
  transform-origin: center bottom;
}

.vft-zoom-in-top-fast-leave-active {
  transform: scaleY(1);
  transform-origin: center top;
  opacity: 1;
}
.vft-zoom-in-top-fast-leave-active[data-popper-placement^=top] {
  transform-origin: center bottom;
}

.vft-zoom-in-top-fast-enter-from,
.vft-zoom-in-top-fast-leave-active {
  transform: scaleY(0);
  opacity: 0;
}

.vft-zoom-in-bottom-enter-active,
.vft-zoom-in-bottom-leave-active {
  transform: scaleY(1);
  transform-origin: center bottom;
  transition: var(--vft-transition-md-fade);
  opacity: 1;
}

.vft-zoom-in-bottom-enter-from,
.vft-zoom-in-bottom-leave-active {
  transform: scaleY(0);
  opacity: 0;
}

.vft-zoom-in-left-enter-active,
.vft-zoom-in-left-leave-active {
  transform: scale(1, 1);
  transform-origin: top left;
  transition: var(--vft-transition-md-fade);
  opacity: 1;
}

.vft-zoom-in-left-enter-from,
.vft-zoom-in-left-leave-active {
  transform: scale(0.45, 0.45);
  opacity: 0;
}

.collapse-transition {
  transition: var(--vft-transition-duration) height ease-in-out, var(--vft-transition-duration) padding-top ease-in-out, var(--vft-transition-duration) padding-bottom ease-in-out;
}

.vft-collapse-transition-leave-active,
.vft-collapse-transition-enter-active {
  transition: var(--vft-transition-duration) max-height ease-in-out, var(--vft-transition-duration) padding-top ease-in-out, var(--vft-transition-duration) padding-bottom ease-in-out;
}

.horizontal-collapse-transition {
  transition: var(--vft-transition-duration) width ease-in-out, var(--vft-transition-duration) padding-left ease-in-out, var(--vft-transition-duration) padding-right ease-in-out;
}

.vft-list-enter-active,
.vft-list-leave-active {
  transition: all 1s;
}

.vft-list-enter-from,
.vft-list-leave-to {
  transform: translateY(-1.875rem);
  opacity: 0;
}

.vft-list-leave-active {
  position: absolute !important;
}

.vft-opacity-transition {
  transition: opacity var(--vft-transition-duration) cubic-bezier(0.55, 0, 0.1, 1);
}

@keyframes vft-rotate {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes vft-loading-dot {
  33% {
    transform: translateY(-2em);
  }
  66% {
    transform: translateY(-1em);
  }
}
.vft-radio-button {
  display: inline-block;
  position: relative;
  outline: none;
  --vft-radio-button-checked-bg-color: var(--vft-primary-color);
  --vft-radio-button-checked-text-color: var(--vft-color-white);
  --vft-radio-button-checked-border-color: var(--vft-primary-color);
  --vft-radio-button-disabled-checked-fill: var(--vft-border-color-extra-light);
}
.vft-radio-button--large .vft-radio-button__inner {
  padding: 0.75rem 1.1875rem;
  border-radius: 0;
  font-size: var(--vft-font-size-base);
}
.vft-radio-button--large .vft-radio-button__inner.is-round {
  padding: 0.75rem 1.1875rem;
}

.vft-radio-button--small .vft-radio-button__inner {
  padding: 0.3125rem 0.6875rem;
  border-radius: 0;
  font-size: 0.75rem;
}
.vft-radio-button--small .vft-radio-button__inner.is-round {
  padding: 0.3125rem 0.6875rem;
}

.vft-radio-button__inner {
  display: inline-block;
  position: relative;
  box-sizing: border-box;
  margin: 0;
  transition: var(--vft-transition-all);
  border: var(--vft-border);
  border-left: 0;
  outline: none;
  background: var(--vft-button-bg-color, var(--vft-fill-color-blank));
  color: var(--vft-button-text-color, var(--vft-text-regular-color));
  font-weight: var(--vft-button-font-weight, var(--vft-font-weight-primary));
  line-height: 1;
  text-align: center;
  vertical-align: middle;
  white-space: nowrap;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  -webkit-appearance: none;
  padding: 0.5rem 0.9375rem;
  border-radius: 0;
  font-size: var(--vft-font-size-base);
}
.vft-radio-button__inner.is-round {
  padding: 0.5rem 0.9375rem;
}
.vft-radio-button__inner:hover {
  color: var(--vft-primary-color);
}
.vft-radio-button__inner [class*=vft-icon-] {
  line-height: 0.9;
}
.vft-radio-button__inner [class*=vft-icon-] + span {
  margin-left: 0.3125rem;
}

.vft-radio-button__original-radio {
  position: absolute;
  z-index: -1;
  outline: none;
  opacity: 0;
}
.vft-radio-button__original-radio:checked + .vft-radio-button__inner {
  border-color: var(--vft-radio-button-checked-border-color, var(--vft-primary-color));
  background-color: var(--vft-radio-button-checked-bg-color, var(--vft-primary-color));
  box-shadow: -0.0625rem 0 0 0 var(--vft-radio-button-checked-border-color, var(--vft-primary-color));
  color: var(--vft-radio-button-checked-text-color, var(--vft-color-white));
}
.vft-radio-button__original-radio:focus-visible + .vft-radio-button__inner {
  z-index: 2;
  border-left: var(--vft-border);
  border-radius: var(--vft-border-radius-base);
  border-left-color: var(--vft-radio-button-checked-border-color, var(--vft-primary-color));
  outline: 0.125rem solid var(--vft-radio-button-checked-border-color);
  outline-offset: 0.0625rem;
  box-shadow: none;
}
.vft-radio-button__original-radio:disabled + .vft-radio-button__inner {
  border-color: var(--vft-button-disabled-border-color, var(--vft-border-color-light));
  background-color: var(--vft-button-disabled-bg-color, var(--vft-fill-color-blank));
  background-image: none;
  box-shadow: none;
  color: var(--vft-text-disabled-color);
  cursor: not-allowed;
}
.vft-radio-button__original-radio:disabled:checked + .vft-radio-button__inner {
  background-color: var(--vft-radio-button-disabled-checked-fill);
}

.vft-radio-button:first-child .vft-radio-button__inner {
  border-left: var(--vft-border);
  border-radius: var(--vft-border-radius-base) 0 0 var(--vft-border-radius-base);
  box-shadow: none !important;
}
.vft-radio-button:last-child .vft-radio-button__inner {
  border-radius: 0 var(--vft-border-radius-base) var(--vft-border-radius-base) 0;
}
.vft-radio-button:first-child:last-child .vft-radio-button__inner {
  border-radius: var(--vft-border-radius-base);
}.vft-fade-in-linear-enter-active,
.vft-fade-in-linear-leave-active {
  transition: var(--vft-transition-fade-linear);
}

.vft-fade-in-linear-enter-from,
.vft-fade-in-linear-leave-to {
  opacity: 0;
}

.vft-fade-in-enter-active,
.vft-fade-in-leave-active {
  transition: all var(--vft-transition-duration) cubic-bezier(0.55, 0, 0.1, 1);
}

.vft-fade-in-enter-from,
.vft-fade-in-leave-active {
  opacity: 0;
}

.vft-zoom-in-center-enter-active,
.vft-zoom-in-center-leave-active {
  transition: all var(--vft-transition-duration) cubic-bezier(0.55, 0, 0.1, 1);
}

.vft-zoom-in-center-enter-from,
.vft-zoom-in-center-leave-active {
  transform: scaleX(0);
  opacity: 0;
}

.vft-zoom-in-top-enter-active,
.vft-zoom-in-top-leave-active {
  transition: var(--vft-transition-md-fade);
  transform: scaleY(1);
  transform-origin: center top;
  opacity: 1;
}
.vft-zoom-in-top-enter-active[data-popper-placement^=top],
.vft-zoom-in-top-leave-active[data-popper-placement^=top] {
  transform-origin: center bottom;
}

.vft-zoom-in-top-enter-from,
.vft-zoom-in-top-leave-active {
  transform: scaleY(0);
  opacity: 0;
}

.vft-zoom-in-top-fast-enter-active {
  transition: var(--vft-transition-md-fade);
  transform: scaleY(1);
  transform-origin: center top;
  opacity: 1;
}
.vft-zoom-in-top-fast-enter-active[data-popper-placement^=top] {
  transform-origin: center bottom;
}

.vft-zoom-in-top-fast-leave-active {
  transform: scaleY(1);
  transform-origin: center top;
  opacity: 1;
}
.vft-zoom-in-top-fast-leave-active[data-popper-placement^=top] {
  transform-origin: center bottom;
}

.vft-zoom-in-top-fast-enter-from,
.vft-zoom-in-top-fast-leave-active {
  transform: scaleY(0);
  opacity: 0;
}

.vft-zoom-in-bottom-enter-active,
.vft-zoom-in-bottom-leave-active {
  transform: scaleY(1);
  transform-origin: center bottom;
  transition: var(--vft-transition-md-fade);
  opacity: 1;
}

.vft-zoom-in-bottom-enter-from,
.vft-zoom-in-bottom-leave-active {
  transform: scaleY(0);
  opacity: 0;
}

.vft-zoom-in-left-enter-active,
.vft-zoom-in-left-leave-active {
  transform: scale(1, 1);
  transform-origin: top left;
  transition: var(--vft-transition-md-fade);
  opacity: 1;
}

.vft-zoom-in-left-enter-from,
.vft-zoom-in-left-leave-active {
  transform: scale(0.45, 0.45);
  opacity: 0;
}

.collapse-transition {
  transition: var(--vft-transition-duration) height ease-in-out, var(--vft-transition-duration) padding-top ease-in-out, var(--vft-transition-duration) padding-bottom ease-in-out;
}

.vft-collapse-transition-leave-active,
.vft-collapse-transition-enter-active {
  transition: var(--vft-transition-duration) max-height ease-in-out, var(--vft-transition-duration) padding-top ease-in-out, var(--vft-transition-duration) padding-bottom ease-in-out;
}

.horizontal-collapse-transition {
  transition: var(--vft-transition-duration) width ease-in-out, var(--vft-transition-duration) padding-left ease-in-out, var(--vft-transition-duration) padding-right ease-in-out;
}

.vft-list-enter-active,
.vft-list-leave-active {
  transition: all 1s;
}

.vft-list-enter-from,
.vft-list-leave-to {
  transform: translateY(-1.875rem);
  opacity: 0;
}

.vft-list-leave-active {
  position: absolute !important;
}

.vft-opacity-transition {
  transition: opacity var(--vft-transition-duration) cubic-bezier(0.55, 0, 0.1, 1);
}

@keyframes vft-rotate {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes vft-loading-dot {
  33% {
    transform: translateY(-2em);
  }
  66% {
    transform: translateY(-1em);
  }
}
.vft-date-table {
  font-size: 0.75rem;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.vft-date-table.is-week-mode .vft-date-table__row:hover .vft-date-table-cell {
  background-color: var(--vft-datepicker-inrange-bg-color);
}
.vft-date-table.is-week-mode .vft-date-table__row:hover td.available:hover {
  color: var(--vft-datepicker-text-color);
}
.vft-date-table.is-week-mode .vft-date-table__row:hover td:first-child .vft-date-table-cell {
  margin-left: 0.3125rem;
  border-top-left-radius: 0.9375rem;
  border-bottom-left-radius: 0.9375rem;
}
.vft-date-table.is-week-mode .vft-date-table__row:hover td:last-child .vft-date-table-cell {
  margin-right: 0.3125rem;
  border-top-right-radius: 0.9375rem;
  border-bottom-right-radius: 0.9375rem;
}
.vft-date-table.is-week-mode .vft-date-table__row.current .vft-date-table-cell {
  background-color: var(--vft-datepicker-inrange-bg-color);
}

.vft-date-table td {
  position: relative;
  box-sizing: border-box;
  width: 2rem;
  height: 1.875rem;
  padding: 0.25rem 0;
  text-align: center;
  cursor: pointer;
}
.vft-date-table td .vft-date-table-cell {
  box-sizing: border-box;
  height: 1.875rem;
  padding: 0.1875rem 0;
}
.vft-date-table td .vft-date-table-cell .vft-date-table-cell__text {
  display: block;
  position: absolute;
  left: 50%;
  width: 1.5rem;
  height: 1.5rem;
  margin: 0 auto;
  transform: translateX(-50%);
  border-radius: 50%;
  line-height: 1.5rem;
}
.vft-date-table td.next-month, .vft-date-table td.prev-month {
  color: var(--vft-datepicker-off-text-color);
}
.vft-date-table td.today {
  position: relative;
}
.vft-date-table td.today .vft-date-table-cell__text {
  color: var(--vft-primary-color);
  font-weight: bold;
}
.vft-date-table td.today.start-date .vft-date-table-cell__text, .vft-date-table td.today.end-date .vft-date-table-cell__text {
  color: #fff;
}
.vft-date-table td.available:hover {
  color: var(--vft-datepicker-hover-text-color);
}
.vft-date-table td.in-range .vft-date-table-cell {
  background-color: var(--vft-datepicker-inrange-bg-color);
}
.vft-date-table td.in-range .vft-date-table-cell:hover {
  background-color: var(--vft-datepicker-inrange-hover-bg-color);
}
.vft-date-table td.current:not(.disabled) .vft-date-table-cell__text {
  background-color: var(--vft-datepicker-active-color);
  color: #fff;
}
.vft-date-table td.current:not(.disabled):focus-visible .vft-date-table-cell__text {
  outline: 0.125rem solid var(--vft-datepicker-active-color);
  outline-offset: 0.0625rem;
}
.vft-date-table td.start-date .vft-date-table-cell, .vft-date-table td.end-date .vft-date-table-cell {
  color: #fff;
}
.vft-date-table td.start-date .vft-date-table-cell__text, .vft-date-table td.end-date .vft-date-table-cell__text {
  background-color: var(--vft-datepicker-active-color);
}
.vft-date-table td.start-date .vft-date-table-cell {
  margin-left: 0.3125rem;
  border-top-left-radius: 0.9375rem;
  border-bottom-left-radius: 0.9375rem;
}
.vft-date-table td.end-date .vft-date-table-cell {
  margin-right: 0.3125rem;
  border-top-right-radius: 0.9375rem;
  border-bottom-right-radius: 0.9375rem;
}
.vft-date-table td.disabled .vft-date-table-cell {
  opacity: 1;
  background-color: var(--vft-fill-color-light);
  color: var(--vft-text-placeholder-color);
  cursor: not-allowed;
}
.vft-date-table td.selected .vft-date-table-cell {
  margin-right: 0.3125rem;
  margin-left: 0.3125rem;
  border-radius: 0.9375rem;
}
.vft-date-table td.selected .vft-date-table-cell__text {
  border-radius: 0.9375rem;
  background-color: var(--vft-datepicker-active-color);
  color: #fff;
}
.vft-date-table td.week {
  color: var(--vft-datepicker-off-text-color);
  font-size: 80%;
  cursor: default;
}
.vft-date-table td:focus {
  outline: none;
}
.vft-date-table th {
  padding: 0.3125rem;
  border-bottom: solid 0.0625rem var(--vft-border-color-lighter);
  color: var(--vft-datepicker-header-text-color);
  font-weight: 400;
}
.vft-date-table th.vft-date-table__week-header {
  width: 1.5rem;
  padding: 0;
}

.vft-month-table {
  margin: -0.0625rem;
  border-collapse: collapse;
  font-size: 0.75rem;
}
.vft-month-table td {
  position: relative;
  width: 4.25rem;
  padding: 0.5rem 0;
  text-align: center;
  cursor: pointer;
}
.vft-month-table td .vft-date-table-cell {
  box-sizing: border-box;
  height: 3rem;
  padding: 0.375rem 0;
}
.vft-month-table td.today .vft-date-table-cell__text {
  color: var(--vft-primary-color);
  font-weight: bold;
}
.vft-month-table td.today.start-date .vft-date-table-cell__text, .vft-month-table td.today.end-date .vft-date-table-cell__text {
  color: #fff;
}
.vft-month-table td.disabled .vft-date-table-cell__text {
  background-color: var(--vft-fill-color-light);
  color: var(--vft-text-placeholder-color);
  cursor: not-allowed;
}
.vft-month-table td.disabled .vft-date-table-cell__text:hover {
  color: var(--vft-text-placeholder-color);
}
.vft-month-table td .vft-date-table-cell__text {
  display: block;
  position: absolute;
  left: 50%;
  width: 3.375rem;
  height: 2.25rem;
  margin: 0 auto;
  transform: translateX(-50%);
  border-radius: 1.125rem;
  color: var(--vft-datepicker-text-color);
  line-height: 2.25rem;
}
.vft-month-table td .vft-date-table-cell__text:hover {
  color: var(--vft-datepicker-hover-text-color);
}
.vft-month-table td.in-range .vft-date-table-cell {
  background-color: var(--vft-datepicker-inrange-bg-color);
}
.vft-month-table td.in-range .vft-date-table-cell:hover {
  background-color: var(--vft-datepicker-inrange-hover-bg-color);
}
.vft-month-table td.start-date .vft-date-table-cell, .vft-month-table td.end-date .vft-date-table-cell {
  color: #fff;
}
.vft-month-table td.start-date .vft-date-table-cell__text, .vft-month-table td.end-date .vft-date-table-cell__text {
  background-color: var(--vft-datepicker-active-color);
  color: #fff;
}
.vft-month-table td.start-date .vft-date-table-cell {
  margin-left: 0.1875rem;
  border-top-left-radius: 1.5rem;
  border-bottom-left-radius: 1.5rem;
}
.vft-month-table td.end-date .vft-date-table-cell {
  margin-right: 0.1875rem;
  border-top-right-radius: 1.5rem;
  border-bottom-right-radius: 1.5rem;
}
.vft-month-table td.current:not(.disabled) .vft-date-table-cell {
  margin-right: 0.1875rem;
  margin-left: 0.1875rem;
  border-radius: 1.5rem;
}
.vft-month-table td.current:not(.disabled) .vft-date-table-cell__text {
  background-color: var(--vft-datepicker-active-color);
  color: #fff;
}
.vft-month-table td:focus-visible {
  outline: none;
}
.vft-month-table td:focus-visible .vft-date-table-cell__text {
  outline: 0.125rem solid var(--vft-datepicker-active-color);
  outline-offset: 0.0625rem;
}

.vft-year-table {
  margin: -0.0625rem;
  border-collapse: collapse;
  font-size: 0.75rem;
}
.vft-year-table .vft-icon {
  color: var(--vft-datepicker-icon-color);
}
.vft-year-table td {
  position: relative;
  width: 4.25rem;
  padding: 0.5rem 0;
  text-align: center;
  cursor: pointer;
}
.vft-year-table td .vft-date-table-cell {
  box-sizing: border-box;
  height: 3rem;
  padding: 0.375rem 0;
}
.vft-year-table td.today .vft-date-table-cell__text {
  color: var(--vft-primary-color);
  font-weight: bold;
}
.vft-year-table td.today.start-date .vft-date-table-cell__text, .vft-year-table td.today.end-date .vft-date-table-cell__text {
  color: #fff;
}
.vft-year-table td.disabled .vft-date-table-cell__text {
  background-color: var(--vft-fill-color-light);
  color: var(--vft-text-placeholder-color);
  cursor: not-allowed;
}
.vft-year-table td.disabled .vft-date-table-cell__text:hover {
  color: var(--vft-text-placeholder-color);
}
.vft-year-table td .vft-date-table-cell__text {
  display: block;
  position: absolute;
  left: 50%;
  width: 3.75rem;
  height: 2.25rem;
  margin: 0 auto;
  transform: translateX(-50%);
  border-radius: 1.125rem;
  color: var(--vft-datepicker-text-color);
  line-height: 2.25rem;
}
.vft-year-table td .vft-date-table-cell__text:hover {
  color: var(--vft-datepicker-hover-text-color);
}
.vft-year-table td.in-range .vft-date-table-cell {
  background-color: var(--vft-datepicker-inrange-bg-color);
}
.vft-year-table td.in-range .vft-date-table-cell:hover {
  background-color: var(--vft-datepicker-inrange-hover-bg-color);
}
.vft-year-table td.start-date .vft-date-table-cell, .vft-year-table td.end-date .vft-date-table-cell {
  color: #fff;
}
.vft-year-table td.start-date .vft-date-table-cell__text, .vft-year-table td.end-date .vft-date-table-cell__text {
  background-color: var(--vft-datepicker-active-color);
  color: #fff;
}
.vft-year-table td.start-date .vft-date-table-cell {
  border-top-left-radius: 1.5rem;
  border-bottom-left-radius: 1.5rem;
}
.vft-year-table td.end-date .vft-date-table-cell {
  border-top-right-radius: 1.5rem;
  border-bottom-right-radius: 1.5rem;
}
.vft-year-table td.current:not(.disabled) .vft-date-table-cell__text {
  background-color: var(--vft-datepicker-active-color);
  color: #fff;
}
.vft-year-table td:focus-visible {
  outline: none;
}
.vft-year-table td:focus-visible .vft-date-table-cell__text {
  outline: 0.125rem solid var(--vft-datepicker-active-color);
  outline-offset: 0.0625rem;
}

.vft-time-spinner.has-seconds .vft-time-spinner__wrapper {
  width: 33.3%;
}
.vft-time-spinner__wrapper {
  display: inline-block;
  position: relative;
  width: 50%;
  max-height: 12rem;
  overflow: auto;
  vertical-align: top;
}
.vft-time-spinner__wrapper.vft-scrollbar__wrap:not(.vft-scrollbar__wrap--hidden-default) {
  padding-bottom: 0.9375rem;
}
.vft-time-spinner__wrapper.is-arrow {
  box-sizing: border-box;
  overflow: hidden;
  text-align: center;
}
.vft-time-spinner__wrapper.is-arrow .vft-time-spinner__list {
  transform: translateY(-2rem);
}
.vft-time-spinner__wrapper.is-arrow .vft-time-spinner__item:hover:not(.is-disabled):not(.is-active) {
  background: var(--vft-fill-color-light);
  cursor: default;
}

.vft-time-spinner__arrow {
  position: absolute;
  z-index: var(--vft-z-index-normal);
  left: 0;
  width: 100%;
  height: 1.875rem;
  color: var(--vft-text-secondary-color);
  font-size: 0.75rem;
  line-height: 1.875rem;
  text-align: center;
  cursor: pointer;
}
.vft-time-spinner__arrow:hover {
  color: var(--vft-primary-color);
}
.vft-time-spinner__arrow.arrow-up {
  top: 0.625rem;
}
.vft-time-spinner__arrow.arrow-down {
  bottom: 0.625rem;
}

.vft-time-spinner__input.vft-input {
  width: 70%;
}
.vft-time-spinner__input.vft-input .vft-input__inner {
  padding: 0;
  text-align: center;
}

.vft-time-spinner__list {
  margin: 0;
  padding: 0;
  list-style: none;
  text-align: center;
}
.vft-time-spinner__list::after, .vft-time-spinner__list::before {
  content: "";
  display: block;
  width: 100%;
  height: 5rem;
}

.vft-time-spinner__item {
  height: 2rem;
  color: var(--vft-text-regular-color);
  font-size: 0.75rem;
  line-height: 2rem;
}
.vft-time-spinner__item:hover:not(.is-disabled, .is-active) {
  background: var(--vft-fill-color-light);
  cursor: pointer;
}
.vft-time-spinner__item.is-active:not(.is-disabled) {
  color: var(--vft-text-primary-color);
  font-weight: bold;
}
.vft-time-spinner__item.is-disabled {
  color: var(--vft-text-placeholder-color);
  cursor: not-allowed;
}

.vft-picker__popper {
  --vft-datepicker-border-color: var(--vft-disabled-border-color);
}
.vft-picker__popper.vft-popper {
  border: 0.0625rem solid var(--vft-datepicker-border-color);
  background: var(--vft-bg-color-overlay);
  box-shadow: var(--vft-box-shadow-light);
}
.vft-picker__popper.vft-popper[data-popper-placement^=top] .vft-popper__arrow::before {
  border-top-color: transparent;
  border-left-color: transparent;
}
.vft-picker__popper.vft-popper[data-popper-placement^=bottom] .vft-popper__arrow::before {
  border-bottom-color: transparent;
  border-right-color: transparent;
}
.vft-picker__popper.vft-popper[data-popper-placement^=left] .vft-popper__arrow::before {
  border-left-color: transparent;
  border-bottom-color: transparent;
}
.vft-picker__popper.vft-popper[data-popper-placement^=right] .vft-popper__arrow::before {
  border-right-color: transparent;
  border-top-color: transparent;
}
.vft-picker__popper.vft-popper .vft-popper__arrow::before {
  border: 0.0625rem solid var(--vft-datepicker-border-color);
}

.vft-date-editor {
  --vft-date-editor-width: 13.75rem;
  --vft-date-editor-monthrange-width: 18.75rem;
  --vft-date-editor-daterange-width: 21.875rem;
  --vft-date-editor-datetimerange-width: 25rem;
  --vft-input-width: 100%;
  --vft-input-text-color: var(--vft-text-regular-color);
  --vft-input-border: var(--vft-border);
  --vft-input-hover-border: var(--vft-border-color-hover);
  --vft-input-focus-border: var(--vft-primary-color);
  --vft-input-transparent-border: 0 0 0 0.0625rem transparent inset;
  --vft-input-border-color: var(--vft-border-color);
  --vft-input-border-radius: var(--vft-border-radius-base);
  --vft-input-bg-color: var(--vft-fill-color-blank);
  --vft-input-icon-color: var(--vft-text-placeholder-color);
  --vft-input-placeholder-color: var(--vft-text-placeholder-color);
  --vft-input-hover-border-color: var(--vft-border-color-hover);
  --vft-input-clear-hover-color: var(--vft-text-secondary-color);
  --vft-input-focus-border-color: var(--vft-primary-color);
  position: relative;
  text-align: left;
  vertical-align: middle;
}
.vft-date-editor.vft-input__wrapper {
  border: 0.0625rem solid var(--vft-input-border-color, var(--vft-border-color));
}
.vft-date-editor.vft-input__wrapper:hover {
  border: 0.0625rem solid var(--vft-input-hover-border-color);
}
.vft-date-editor.vft-input, .vft-date-editor.vft-input__wrapper {
  width: var(--vft-date-editor-width);
  height: var(--vft-input-height, var(--vft-component-size));
}
.vft-date-editor--monthrange {
  --vft-date-editor-width: var(--vft-date-editor-monthrange-width);
}

.vft-date-editor--daterange, .vft-date-editor--timerange {
  --vft-date-editor-width: var(--vft-date-editor-daterange-width);
}

.vft-date-editor--datetimerange {
  --vft-date-editor-width: var(--vft-date-editor-datetimerange-width);
}

.vft-date-editor--dates .vft-input__wrapper {
  text-overflow: ellipsis;
  white-space: nowrap;
}

.vft-date-editor .close-icon {
  cursor: pointer;
}
.vft-date-editor .clear-icon {
  cursor: pointer;
}
.vft-date-editor .clear-icon:hover {
  color: var(--vft-text-secondary-color);
}
.vft-date-editor .vft-range__icon {
  height: inherit;
  float: left;
  color: var(--vft-text-placeholder-color);
  font-size: 0.875rem;
}
.vft-date-editor .vft-range__icon svg {
  vertical-align: middle;
}
.vft-date-editor .vft-range-input {
  display: inline-block;
  width: 39%;
  height: 1.875rem;
  margin: 0;
  padding: 0;
  border: none;
  outline: none;
  background-color: transparent;
  color: var(--vft-text-regular-color);
  font-size: var(--vft-font-size-base);
  line-height: 1.875rem;
  text-align: center;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.vft-date-editor .vft-range-input::-moz-placeholder {
  color: var(--vft-text-placeholder-color);
}
.vft-date-editor .vft-range-input::placeholder {
  color: var(--vft-text-placeholder-color);
}
.vft-date-editor .vft-range-separator {
  display: inline-flex;
  flex: 1;
  align-items: center;
  justify-content: center;
  height: 100%;
  margin: 0;
  padding: 0 0.3125rem;
  color: var(--vft-text-primary-color);
  font-size: 0.875rem;
  overflow-wrap: break-word;
}
.vft-date-editor .vft-range__close-icon {
  width: unset;
  height: inherit;
  color: var(--vft-text-placeholder-color);
  font-size: 0.875rem;
  cursor: pointer;
}
.vft-date-editor .vft-range__close-icon:hover {
  color: var(--vft-text-secondary-color);
}
.vft-date-editor .vft-range__close-icon svg {
  vertical-align: middle;
}
.vft-date-editor .vft-range__close-icon--hidden {
  visibility: hidden;
  opacity: 0;
}
.vft-date-editor .icon-clock {
  width: 1em;
  height: 1em;
  background-color: currentcolor;
  -webkit-mask: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="M512 896a384 384 0 1 0 0-768a384 384 0 0 0 0 768zm0 64a448 448 0 1 1 0-896a448 448 0 0 1 0 896z"%2F%3E%3Cpath fill="currentColor" d="M480 256a32 32 0 0 1 32 32v256a32 32 0 0 1-64 0V288a32 32 0 0 1 32-32z"%2F%3E%3Cpath fill="currentColor" d="M480 512h256q32 0 32 32t-32 32H480q-32 0-32-32t32-32z"%2F%3E%3C%2Fsvg%3E') no-repeat;
          mask: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="M512 896a384 384 0 1 0 0-768a384 384 0 0 0 0 768zm0 64a448 448 0 1 1 0-896a448 448 0 0 1 0 896z"%2F%3E%3Cpath fill="currentColor" d="M480 256a32 32 0 0 1 32 32v256a32 32 0 0 1-64 0V288a32 32 0 0 1 32-32z"%2F%3E%3Cpath fill="currentColor" d="M480 512h256q32 0 32 32t-32 32H480q-32 0-32-32t32-32z"%2F%3E%3C%2Fsvg%3E') no-repeat;
  -webkit-mask-size: 100% 100%;
          mask-size: 100% 100%;
}
.vft-date-editor .icon-calendar {
  width: 1em;
  height: 1em;
  background-color: currentcolor;
  -webkit-mask: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="M128 384v512h768V192H768v32a32 32 0 1 1-64 0v-32H320v32a32 32 0 0 1-64 0v-32H128v128h768v64H128zm192-256h384V96a32 32 0 1 1 64 0v32h160a32 32 0 0 1 32 32v768a32 32 0 0 1-32 32H96a32 32 0 0 1-32-32V160a32 32 0 0 1 32-32h160V96a32 32 0 0 1 64 0v32zm-32 384h64a32 32 0 0 1 0 64h-64a32 32 0 0 1 0-64zm0 192h64a32 32 0 1 1 0 64h-64a32 32 0 1 1 0-64zm192-192h64a32 32 0 0 1 0 64h-64a32 32 0 0 1 0-64zm0 192h64a32 32 0 1 1 0 64h-64a32 32 0 1 1 0-64zm192-192h64a32 32 0 1 1 0 64h-64a32 32 0 1 1 0-64zm0 192h64a32 32 0 1 1 0 64h-64a32 32 0 1 1 0-64z"%2F%3E%3C%2Fsvg%3E') no-repeat;
          mask: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="M128 384v512h768V192H768v32a32 32 0 1 1-64 0v-32H320v32a32 32 0 0 1-64 0v-32H128v128h768v64H128zm192-256h384V96a32 32 0 1 1 64 0v32h160a32 32 0 0 1 32 32v768a32 32 0 0 1-32 32H96a32 32 0 0 1-32-32V160a32 32 0 0 1 32-32h160V96a32 32 0 0 1 64 0v32zm-32 384h64a32 32 0 0 1 0 64h-64a32 32 0 0 1 0-64zm0 192h64a32 32 0 1 1 0 64h-64a32 32 0 1 1 0-64zm192-192h64a32 32 0 0 1 0 64h-64a32 32 0 0 1 0-64zm0 192h64a32 32 0 1 1 0 64h-64a32 32 0 1 1 0-64zm192-192h64a32 32 0 1 1 0 64h-64a32 32 0 1 1 0-64zm0 192h64a32 32 0 1 1 0 64h-64a32 32 0 1 1 0-64z"%2F%3E%3C%2Fsvg%3E') no-repeat;
  -webkit-mask-size: 100% 100%;
          mask-size: 100% 100%;
}
.vft-date-editor .icon-circle-close {
  width: 1em;
  height: 1em;
  background-color: currentcolor;
  -webkit-mask: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="m466.752 512l-90.496-90.496a32 32 0 0 1 45.248-45.248L512 466.752l90.496-90.496a32 32 0 1 1 45.248 45.248L557.248 512l90.496 90.496a32 32 0 1 1-45.248 45.248L512 557.248l-90.496 90.496a32 32 0 0 1-45.248-45.248L466.752 512z"%2F%3E%3Cpath fill="currentColor" d="M512 896a384 384 0 1 0 0-768a384 384 0 0 0 0 768zm0 64a448 448 0 1 1 0-896a448 448 0 0 1 0 896z"%2F%3E%3C%2Fsvg%3E') no-repeat;
          mask: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="m466.752 512l-90.496-90.496a32 32 0 0 1 45.248-45.248L512 466.752l90.496-90.496a32 32 0 1 1 45.248 45.248L557.248 512l90.496 90.496a32 32 0 1 1-45.248 45.248L512 557.248l-90.496 90.496a32 32 0 0 1-45.248-45.248L466.752 512z"%2F%3E%3Cpath fill="currentColor" d="M512 896a384 384 0 1 0 0-768a384 384 0 0 0 0 768zm0 64a448 448 0 1 1 0-896a448 448 0 0 1 0 896z"%2F%3E%3C%2Fsvg%3E') no-repeat;
  -webkit-mask-size: 100% 100%;
          mask-size: 100% 100%;
}

.vft-range-editor.vft-input__wrapper {
  display: inline-flex;
  align-items: center;
  padding: 0 0.625rem;
  vertical-align: middle;
}
.vft-range-editor.is-active {
  border: 0.0625rem solid var(--vft-input-focus-border-color);
}
.vft-range-editor.is-active:hover {
  border: 0.0625rem solid var(--vft-input-focus-border-color);
}

.vft-range-editor--large {
  line-height: var(--vft-component-size-large);
}
.vft-range-editor--large.vft-input__wrapper {
  height: var(--vft-component-size-large);
}
.vft-range-editor--large .vft-range-separator {
  font-size: 0.875rem;
  line-height: 2.5rem;
}
.vft-range-editor--large .vft-range-input {
  height: 2.375rem;
  font-size: 0.875rem;
  line-height: 2.375rem;
}

.vft-range-editor--small {
  line-height: var(--vft-component-size-small);
}
.vft-range-editor--small.vft-input__wrapper {
  height: var(--vft-component-size-small);
}
.vft-range-editor--small .vft-range-separator {
  font-size: 0.75rem;
  line-height: 1.5rem;
}
.vft-range-editor--small .vft-range-input {
  height: 1.375rem;
  font-size: 0.75rem;
  line-height: 1.375rem;
}

.vft-range-editor.is-disabled {
  border-color: var(--vft-disabled-border-color);
  background-color: var(--vft-disabled-bg-color);
  color: var(--vft-disabled-text-color);
  cursor: not-allowed;
}
.vft-range-editor.is-disabled:hover, .vft-range-editor.is-disabled:focus {
  border-color: var(--vft-disabled-border-color);
}
.vft-range-editor.is-disabled input {
  background-color: var(--vft-disabled-bg-color);
  color: var(--vft-disabled-text-color);
  cursor: not-allowed;
}
.vft-range-editor.is-disabled input::-moz-placeholder {
  color: var(--vft-text-placeholder-color);
}
.vft-range-editor.is-disabled input::placeholder {
  color: var(--vft-text-placeholder-color);
}
.vft-range-editor.is-disabled .vft-range-separator {
  color: var(--vft-disabled-text-color);
}

.vft-range-editor .icon-clock {
  width: 1em;
  height: 1em;
  background-color: currentcolor;
  -webkit-mask: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="M512 896a384 384 0 1 0 0-768a384 384 0 0 0 0 768zm0 64a448 448 0 1 1 0-896a448 448 0 0 1 0 896z"%2F%3E%3Cpath fill="currentColor" d="M480 256a32 32 0 0 1 32 32v256a32 32 0 0 1-64 0V288a32 32 0 0 1 32-32z"%2F%3E%3Cpath fill="currentColor" d="M480 512h256q32 0 32 32t-32 32H480q-32 0-32-32t32-32z"%2F%3E%3C%2Fsvg%3E') no-repeat;
          mask: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="M512 896a384 384 0 1 0 0-768a384 384 0 0 0 0 768zm0 64a448 448 0 1 1 0-896a448 448 0 0 1 0 896z"%2F%3E%3Cpath fill="currentColor" d="M480 256a32 32 0 0 1 32 32v256a32 32 0 0 1-64 0V288a32 32 0 0 1 32-32z"%2F%3E%3Cpath fill="currentColor" d="M480 512h256q32 0 32 32t-32 32H480q-32 0-32-32t32-32z"%2F%3E%3C%2Fsvg%3E') no-repeat;
  -webkit-mask-size: 100% 100%;
          mask-size: 100% 100%;
}
.vft-range-editor .icon-calendar {
  width: 1em;
  height: 1em;
  background-color: currentcolor;
  -webkit-mask: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="M128 384v512h768V192H768v32a32 32 0 1 1-64 0v-32H320v32a32 32 0 0 1-64 0v-32H128v128h768v64H128zm192-256h384V96a32 32 0 1 1 64 0v32h160a32 32 0 0 1 32 32v768a32 32 0 0 1-32 32H96a32 32 0 0 1-32-32V160a32 32 0 0 1 32-32h160V96a32 32 0 0 1 64 0v32zm-32 384h64a32 32 0 0 1 0 64h-64a32 32 0 0 1 0-64zm0 192h64a32 32 0 1 1 0 64h-64a32 32 0 1 1 0-64zm192-192h64a32 32 0 0 1 0 64h-64a32 32 0 0 1 0-64zm0 192h64a32 32 0 1 1 0 64h-64a32 32 0 1 1 0-64zm192-192h64a32 32 0 1 1 0 64h-64a32 32 0 1 1 0-64zm0 192h64a32 32 0 1 1 0 64h-64a32 32 0 1 1 0-64z"%2F%3E%3C%2Fsvg%3E') no-repeat;
          mask: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="M128 384v512h768V192H768v32a32 32 0 1 1-64 0v-32H320v32a32 32 0 0 1-64 0v-32H128v128h768v64H128zm192-256h384V96a32 32 0 1 1 64 0v32h160a32 32 0 0 1 32 32v768a32 32 0 0 1-32 32H96a32 32 0 0 1-32-32V160a32 32 0 0 1 32-32h160V96a32 32 0 0 1 64 0v32zm-32 384h64a32 32 0 0 1 0 64h-64a32 32 0 0 1 0-64zm0 192h64a32 32 0 1 1 0 64h-64a32 32 0 1 1 0-64zm192-192h64a32 32 0 0 1 0 64h-64a32 32 0 0 1 0-64zm0 192h64a32 32 0 1 1 0 64h-64a32 32 0 1 1 0-64zm192-192h64a32 32 0 1 1 0 64h-64a32 32 0 1 1 0-64zm0 192h64a32 32 0 1 1 0 64h-64a32 32 0 1 1 0-64z"%2F%3E%3C%2Fsvg%3E') no-repeat;
  -webkit-mask-size: 100% 100%;
          mask-size: 100% 100%;
}

.vft-picker-panel {
  border-radius: var(--vft-border-radius-base);
  background: var(--vft-bg-color-overlay);
  color: var(--vft-text-regular-color);
  line-height: 1.875rem;
}
.vft-picker-panel .vft-time-panel {
  margin: 0.3125rem 0;
  border: solid 0.0625rem var(--vft-datepicker-border-color);
  background-color: var(--vft-bg-color-overlay);
  box-shadow: var(--vft-box-shadow-light);
}
.vft-picker-panel__body::after, .vft-picker-panel__body-wrapper::after {
  content: "";
  display: table;
  clear: both;
}

.vft-picker-panel__content {
  position: relative;
  margin: 0.9375rem;
}

.vft-picker-panel__footer {
  position: relative;
  padding: 0.25rem 0.75rem;
  border-top: 0.0625rem solid var(--vft-datepicker-inner-border-color);
  background-color: var(--vft-bg-color-overlay);
  font-size: 0;
  text-align: right;
}

.vft-picker-panel__shortcut {
  display: block;
  width: 100%;
  padding-left: 0.75rem;
  border: 0;
  outline: none;
  background-color: transparent;
  color: var(--vft-datepicker-text-color);
  font-size: 0.875rem;
  line-height: 1.75rem;
  text-align: left;
  cursor: pointer;
}
.vft-picker-panel__shortcut:hover {
  color: var(--vft-datepicker-hover-text-color);
}
.vft-picker-panel__shortcut.active {
  background-color: #e6f1fe;
  color: var(--vft-datepicker-active-color);
}

.vft-picker-panel__btn {
  padding: 0 1.25rem;
  border: 0.0625rem solid var(--vft-fill-color-darker);
  border-radius: 0.125rem;
  outline: none;
  background-color: transparent;
  color: var(--vft-text-primary-color);
  font-size: 0.75rem;
  line-height: 1.5rem;
  cursor: pointer;
}
.vft-picker-panel__btn[disabled] {
  color: var(--vft-text-disabled-color);
  cursor: not-allowed;
}

.vft-picker-panel__icon-btn {
  margin-top: 0.5rem;
  border: 0;
  outline: none;
  background: transparent;
  color: var(--vft-datepicker-icon-color);
  font-size: 0.75rem;
  line-height: 1.15;
  cursor: pointer;
}
.vft-picker-panel__icon-btn.is-disabled {
  color: var(--vft-text-disabled-color);
}
.vft-picker-panel__icon-btn.is-disabled:hover {
  cursor: not-allowed;
}

.vft-picker-panel__icon-btn:hover {
  color: var(--vft-datepicker-hover-text-color);
}
.vft-picker-panel__icon-btn:focus-visible {
  color: var(--vft-datepicker-hover-text-color);
}
.vft-picker-panel__icon-btn .vft-icon {
  font-size: inherit;
  cursor: pointer;
}

.vft-picker-panel__link-btn {
  vertical-align: middle;
}

.vft-picker-panel .icon-d-arrow-left {
  width: 1em;
  height: 1em;
  background-color: currentcolor;
  -webkit-mask: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="M529.408 149.376a29.12 29.12 0 0 1 41.728 0a30.592 30.592 0 0 1 0 42.688L259.264 511.936l311.872 319.936a30.592 30.592 0 0 1-.512 43.264a29.12 29.12 0 0 1-41.216-.512L197.76 534.272a32 32 0 0 1 0-44.672l331.648-340.224zm256 0a29.12 29.12 0 0 1 41.728 0a30.592 30.592 0 0 1 0 42.688L515.264 511.936l311.872 319.936a30.592 30.592 0 0 1-.512 43.264a29.12 29.12 0 0 1-41.216-.512L453.76 534.272a32 32 0 0 1 0-44.672l331.648-340.224z"%2F%3E%3C%2Fsvg%3E') no-repeat;
          mask: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="M529.408 149.376a29.12 29.12 0 0 1 41.728 0a30.592 30.592 0 0 1 0 42.688L259.264 511.936l311.872 319.936a30.592 30.592 0 0 1-.512 43.264a29.12 29.12 0 0 1-41.216-.512L197.76 534.272a32 32 0 0 1 0-44.672l331.648-340.224zm256 0a29.12 29.12 0 0 1 41.728 0a30.592 30.592 0 0 1 0 42.688L515.264 511.936l311.872 319.936a30.592 30.592 0 0 1-.512 43.264a29.12 29.12 0 0 1-41.216-.512L453.76 534.272a32 32 0 0 1 0-44.672l331.648-340.224z"%2F%3E%3C%2Fsvg%3E') no-repeat;
  -webkit-mask-size: 100% 100%;
          mask-size: 100% 100%;
}
.vft-picker-panel .icon-arrow-left {
  width: 1em;
  height: 1em;
  background-color: currentcolor;
  -webkit-mask: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="M609.408 149.376L277.76 489.6a32 32 0 0 0 0 44.672l331.648 340.352a29.12 29.12 0 0 0 41.728 0a30.592 30.592 0 0 0 0-42.752L339.264 511.936l311.872-319.872a30.592 30.592 0 0 0 0-42.688a29.12 29.12 0 0 0-41.728 0z"%2F%3E%3C%2Fsvg%3E') no-repeat;
          mask: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="M609.408 149.376L277.76 489.6a32 32 0 0 0 0 44.672l331.648 340.352a29.12 29.12 0 0 0 41.728 0a30.592 30.592 0 0 0 0-42.752L339.264 511.936l311.872-319.872a30.592 30.592 0 0 0 0-42.688a29.12 29.12 0 0 0-41.728 0z"%2F%3E%3C%2Fsvg%3E') no-repeat;
  -webkit-mask-size: 100% 100%;
          mask-size: 100% 100%;
}
.vft-picker-panel .icon-arrow-right {
  width: 1em;
  height: 1em;
  background-color: currentcolor;
  -webkit-mask: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="M340.864 149.312a30.592 30.592 0 0 0 0 42.752L652.736 512L340.864 831.872a30.592 30.592 0 0 0 0 42.752a29.12 29.12 0 0 0 41.728 0L714.24 534.336a32 32 0 0 0 0-44.672L382.592 149.376a29.12 29.12 0 0 0-41.728 0z"%2F%3E%3C%2Fsvg%3E') no-repeat;
          mask: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="M340.864 149.312a30.592 30.592 0 0 0 0 42.752L652.736 512L340.864 831.872a30.592 30.592 0 0 0 0 42.752a29.12 29.12 0 0 0 41.728 0L714.24 534.336a32 32 0 0 0 0-44.672L382.592 149.376a29.12 29.12 0 0 0-41.728 0z"%2F%3E%3C%2Fsvg%3E') no-repeat;
  -webkit-mask-size: 100% 100%;
          mask-size: 100% 100%;
}
.vft-picker-panel .icon-d-arrow-right {
  width: 1em;
  height: 1em;
  background-color: currentcolor;
  -webkit-mask: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="M452.864 149.312a29.12 29.12 0 0 1 41.728.064L826.24 489.664a32 32 0 0 1 0 44.672L494.592 874.624a29.12 29.12 0 0 1-41.728 0a30.592 30.592 0 0 1 0-42.752L764.736 512L452.864 192a30.592 30.592 0 0 1 0-42.688zm-256 0a29.12 29.12 0 0 1 41.728.064L570.24 489.664a32 32 0 0 1 0 44.672L238.592 874.624a29.12 29.12 0 0 1-41.728 0a30.592 30.592 0 0 1 0-42.752L508.736 512L196.864 192a30.592 30.592 0 0 1 0-42.688z"%2F%3E%3C%2Fsvg%3E') no-repeat;
          mask: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="M452.864 149.312a29.12 29.12 0 0 1 41.728.064L826.24 489.664a32 32 0 0 1 0 44.672L494.592 874.624a29.12 29.12 0 0 1-41.728 0a30.592 30.592 0 0 1 0-42.752L764.736 512L452.864 192a30.592 30.592 0 0 1 0-42.688zm-256 0a29.12 29.12 0 0 1 41.728.064L570.24 489.664a32 32 0 0 1 0 44.672L238.592 874.624a29.12 29.12 0 0 1-41.728 0a30.592 30.592 0 0 1 0-42.752L508.736 512L196.864 192a30.592 30.592 0 0 1 0-42.688z"%2F%3E%3C%2Fsvg%3E') no-repeat;
  -webkit-mask-size: 100% 100%;
          mask-size: 100% 100%;
}

.vft-picker-panel *[slot=sidebar],
.vft-picker-panel__sidebar {
  position: absolute;
  top: 0;
  bottom: 0;
  box-sizing: border-box;
  width: 6.875rem;
  padding-top: 0.375rem;
  overflow: auto;
  border-right: 0.0625rem solid var(--vft-datepicker-inner-border-color);
}

.vft-picker-panel *[slot=sidebar] + .vft-picker-panel__body,
.vft-picker-panel__sidebar + .vft-picker-panel__body {
  margin-left: 6.875rem;
}

.vft-date-picker {
  --vft-datepicker-text-color: var(--vft-text-regular-color);
  --vft-datepicker-off-text-color: var(--vft-text-placeholder-color);
  --vft-datepicker-header-text-color: var(--vft-text-regular-color);
  --vft-datepicker-icon-color: var(--vft-text-primary-color);
  --vft-datepicker-border-color: var(--vft-disabled-border-color);
  --vft-datepicker-inner-border-color: var(--vft-border-color-light);
  --vft-datepicker-inrange-bg-color: var(--vft-border-color-extra-light);
  --vft-datepicker-inrange-hover-bg-color: var(--vft-border-color-extra-light);
  --vft-datepicker-active-color: var(--vft-primary-color);
  --vft-datepicker-hover-text-color: var(--vft-primary-color);
}

.vft-date-picker {
  width: 20.125rem;
}
.vft-date-picker.has-sidebar.has-time {
  width: 27.125rem;
}
.vft-date-picker.has-sidebar {
  width: 27.375rem;
}
.vft-date-picker.has-time .vft-picker-panel__body-wrapper {
  position: relative;
}
.vft-date-picker .vft-picker-panel__content {
  width: 18.25rem;
}
.vft-date-picker table {
  width: 100%;
  table-layout: fixed;
}
.vft-date-picker__editor-wrap {
  display: table-cell;
  position: relative;
  padding: 0 0.3125rem;
}

.vft-date-picker__time-header {
  display: table;
  position: relative;
  box-sizing: border-box;
  width: 100%;
  padding: 0.5rem 0.3125rem 0.3125rem;
  border-bottom: 0.0625rem solid var(--vft-datepicker-inner-border-color);
  font-size: 0.75rem;
}

.vft-date-picker__header {
  padding: 0.75rem 0.75rem 0;
  text-align: center;
}
.vft-date-picker__header--bordered {
  margin-bottom: 0;
  padding-bottom: 0.75rem;
  border-bottom: solid 0.0625rem var(--vft-border-color-lighter);
}
.vft-date-picker__header--bordered + .vft-picker-panel__content {
  margin-top: 0;
}

.vft-date-picker__header-label {
  padding: 0 0.3125rem;
  color: var(--vft-text-regular-color);
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.375rem;
  text-align: center;
  cursor: pointer;
}
.vft-date-picker__header-label:hover {
  color: var(--vft-datepicker-hover-text-color);
}
.vft-date-picker__header-label:focus-visible {
  outline: none;
  color: var(--vft-datepicker-hover-text-color);
}
.vft-date-picker__header-label.active {
  color: var(--vft-datepicker-active-color);
}

.vft-date-picker__prev-btn {
  float: left;
}

.vft-date-picker__next-btn {
  float: right;
}

.vft-date-picker__time-wrap {
  padding: 0.625rem;
  text-align: center;
}

.vft-date-picker__time-label {
  margin-left: 0.625rem;
  float: left;
  line-height: 1.875rem;
  cursor: pointer;
}

.vft-date-picker .vft-time-panel {
  position: absolute;
}

.vft-date-range-picker {
  --vft-datepicker-text-color: var(--vft-text-regular-color);
  --vft-datepicker-off-text-color: var(--vft-text-placeholder-color);
  --vft-datepicker-header-text-color: var(--vft-text-regular-color);
  --vft-datepicker-icon-color: var(--vft-text-primary-color);
  --vft-datepicker-border-color: var(--vft-disabled-border-color);
  --vft-datepicker-inner-border-color: var(--vft-border-color-light);
  --vft-datepicker-inrange-bg-color: var(--vft-border-color-extra-light);
  --vft-datepicker-inrange-hover-bg-color: var(--vft-border-color-extra-light);
  --vft-datepicker-active-color: var(--vft-primary-color);
  --vft-datepicker-hover-text-color: var(--vft-primary-color);
}

.vft-date-range-picker {
  width: 40.375rem;
}
.vft-date-range-picker.has-sidebar {
  width: 47.25rem;
}
.vft-date-range-picker.has-time .vft-picker-panel__body-wrapper {
  position: relative;
}
.vft-date-range-picker table {
  width: 100%;
  table-layout: fixed;
}
.vft-date-range-picker .vft-picker-panel__body {
  min-width: 32.0625rem;
}
.vft-date-range-picker .vft-picker-panel__content {
  margin: 0;
}
.vft-date-range-picker__header {
  position: relative;
  height: 1.75rem;
  text-align: center;
}
.vft-date-range-picker__header [class*=arrow-left] {
  float: left;
}
.vft-date-range-picker__header [class*=arrow-right] {
  float: right;
}
.vft-date-range-picker__header div {
  margin-right: 3.125rem;
  font-size: 1rem;
  font-weight: 500;
}

.vft-date-range-picker__header-label {
  padding: 0 0.3125rem;
  color: var(--vft-text-regular-color);
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.375rem;
  text-align: center;
  cursor: pointer;
}
.vft-date-range-picker__header-label:hover {
  color: var(--vft-datepicker-hover-text-color);
}
.vft-date-range-picker__header-label:focus-visible {
  outline: none;
  color: var(--vft-datepicker-hover-text-color);
}
.vft-date-range-picker__header-label.active {
  color: var(--vft-datepicker-active-color);
}

.vft-date-range-picker__content {
  box-sizing: border-box;
  width: 50%;
  margin: 0;
  padding: 1rem;
  float: left;
}
.vft-date-range-picker__content.is-left {
  border-right: 0.0625rem solid var(--vft-datepicker-inner-border-color);
}

.vft-date-range-picker__content .vft-date-range-picker__header div {
  margin-right: 3.125rem;
  margin-left: 3.125rem;
}

.vft-date-range-picker__editors-wrap {
  display: table-cell;
  box-sizing: border-box;
}
.vft-date-range-picker__editors-wrap.is-right {
  text-align: right;
}

.vft-date-range-picker__time-header {
  display: table;
  position: relative;
  box-sizing: border-box;
  width: 100%;
  padding: 0.5rem 0.3125rem 0.3125rem;
  border-bottom: 0.0625rem solid var(--vft-datepicker-inner-border-color);
  font-size: 0.75rem;
}
.vft-date-range-picker__time-header > .vft-icon-arrow-right {
  display: table-cell;
  color: var(--vft-datepicker-icon-color);
  font-size: 1.25rem;
  vertical-align: middle;
}

.vft-date-range-picker__time-picker-wrap {
  display: table-cell;
  position: relative;
  padding: 0 0.3125rem;
}
.vft-date-range-picker__time-picker-wrap .vft-picker-panel {
  position: absolute;
  z-index: 1;
  top: 0.8125rem;
  right: 0;
  background: #fff;
}
.vft-date-range-picker__time-picker-wrap .vft-time-panel {
  position: absolute;
}

.vft-time-range-picker {
  width: 22.125rem;
  overflow: visible;
}
.vft-time-range-picker__content {
  position: relative;
  z-index: 1;
  padding: 0.625rem;
  text-align: center;
}

.vft-time-range-picker__cell {
  display: inline-block;
  box-sizing: border-box;
  width: 50%;
  margin: 0;
  padding: 0.25rem 0.4375rem 0.4375rem;
}

.vft-time-range-picker__header {
  margin-bottom: 0.3125rem;
  font-size: 0.875rem;
  text-align: center;
}

.vft-time-range-picker__body {
  border: 0.0625rem solid var(--vft-datepicker-border-color);
  border-radius: 0.125rem;
}

.vft-time-panel {
  position: relative;
  z-index: var(--vft-z-index-top);
  left: 0;
  box-sizing: content-box;
  width: 11.25rem;
  border-radius: 0.125rem;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.vft-time-panel__content {
  position: relative;
  overflow: hidden;
  font-size: 0;
}
.vft-time-panel__content::after, .vft-time-panel__content::before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 50%;
  right: 0;
  left: 0;
  box-sizing: border-box;
  height: 2rem;
  margin-top: -1rem;
  padding-top: 0.375rem;
  text-align: left;
}
.vft-time-panel__content::after {
  left: 50%;
  margin-right: 12%;
  margin-left: 12%;
}
.vft-time-panel__content::before {
  margin-right: 12%;
  margin-left: 12%;
  padding-left: 50%;
  border-top: 0.0625rem solid var(--vft-border-color-light);
  border-bottom: 0.0625rem solid var(--vft-border-color-light);
}
.vft-time-panel__content.has-seconds::after {
  left: 66.6666666667%;
}
.vft-time-panel__content.has-seconds::before {
  padding-left: 33.3333333333%;
}

.vft-time-panel__footer {
  box-sizing: border-box;
  height: 2.25rem;
  padding: 0.25rem;
  border-top: 0.0625rem solid var(--vft-timepicker-inner-border-color, var(--vft-border-color-light));
  line-height: 1.5625rem;
  text-align: right;
}

.vft-time-panel__btn {
  margin: 0 0.3125rem;
  padding: 0 0.3125rem;
  border: none;
  outline: none;
  background-color: transparent;
  color: var(--vft-text-primary-color);
  font-size: 0.75rem;
  line-height: 1.75rem;
  cursor: pointer;
}
.vft-time-panel__btn.confirm {
  color: var(--vft-timepicker-active-color, var(--vft-primary-color));
  font-weight: 800;
}

.vft-time-panel .icon-arrow-up {
  width: 1em;
  height: 1em;
  background-color: currentcolor;
  -webkit-mask: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="m488.832 344.32l-339.84 356.672a32 32 0 0 0 0 44.16l.384.384a29.44 29.44 0 0 0 42.688 0l320-335.872l319.872 335.872a29.44 29.44 0 0 0 42.688 0l.384-.384a32 32 0 0 0 0-44.16L535.168 344.32a32 32 0 0 0-46.336 0z"%2F%3E%3C%2Fsvg%3E') no-repeat;
          mask: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="m488.832 344.32l-339.84 356.672a32 32 0 0 0 0 44.16l.384.384a29.44 29.44 0 0 0 42.688 0l320-335.872l319.872 335.872a29.44 29.44 0 0 0 42.688 0l.384-.384a32 32 0 0 0 0-44.16L535.168 344.32a32 32 0 0 0-46.336 0z"%2F%3E%3C%2Fsvg%3E') no-repeat;
  -webkit-mask-size: 100% 100%;
          mask-size: 100% 100%;
}
.vft-time-panel .icon-arrow-down {
  width: 1em;
  height: 1em;
  background-color: currentcolor;
  -webkit-mask: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="M831.872 340.864L512 652.672L192.128 340.864a30.592 30.592 0 0 0-42.752 0a29.12 29.12 0 0 0 0 41.6L489.664 714.24a32 32 0 0 0 44.672 0l340.288-331.712a29.12 29.12 0 0 0 0-41.728a30.592 30.592 0 0 0-42.752 0z"%2F%3E%3C%2Fsvg%3E') no-repeat;
          mask: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="M831.872 340.864L512 652.672L192.128 340.864a30.592 30.592 0 0 0-42.752 0a29.12 29.12 0 0 0 0 41.6L489.664 714.24a32 32 0 0 0 44.672 0l340.288-331.712a29.12 29.12 0 0 0 0-41.728a30.592 30.592 0 0 0-42.752 0z"%2F%3E%3C%2Fsvg%3E') no-repeat;
  -webkit-mask-size: 100% 100%;
          mask-size: 100% 100%;
}
.vft-time-panel .icon-circle-close {
  width: 1em;
  height: 1em;
  background-color: currentcolor;
  -webkit-mask: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="m466.752 512l-90.496-90.496a32 32 0 0 1 45.248-45.248L512 466.752l90.496-90.496a32 32 0 1 1 45.248 45.248L557.248 512l90.496 90.496a32 32 0 1 1-45.248 45.248L512 557.248l-90.496 90.496a32 32 0 0 1-45.248-45.248L466.752 512z"%2F%3E%3Cpath fill="currentColor" d="M512 896a384 384 0 1 0 0-768a384 384 0 0 0 0 768zm0 64a448 448 0 1 1 0-896a448 448 0 0 1 0 896z"%2F%3E%3C%2Fsvg%3E') no-repeat;
          mask: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="m466.752 512l-90.496-90.496a32 32 0 0 1 45.248-45.248L512 466.752l90.496-90.496a32 32 0 1 1 45.248 45.248L557.248 512l90.496 90.496a32 32 0 1 1-45.248 45.248L512 557.248l-90.496 90.496a32 32 0 0 1-45.248-45.248L466.752 512z"%2F%3E%3Cpath fill="currentColor" d="M512 896a384 384 0 1 0 0-768a384 384 0 0 0 0 768zm0 64a448 448 0 1 1 0-896a448 448 0 0 1 0 896z"%2F%3E%3C%2Fsvg%3E') no-repeat;
  -webkit-mask-size: 100% 100%;
          mask-size: 100% 100%;
}.vft-fade-in-linear-enter-active,
.vft-fade-in-linear-leave-active {
  transition: var(--vft-transition-fade-linear);
}

.vft-fade-in-linear-enter-from,
.vft-fade-in-linear-leave-to {
  opacity: 0;
}

.vft-fade-in-enter-active,
.vft-fade-in-leave-active {
  transition: all var(--vft-transition-duration) cubic-bezier(0.55, 0, 0.1, 1);
}

.vft-fade-in-enter-from,
.vft-fade-in-leave-active {
  opacity: 0;
}

.vft-zoom-in-center-enter-active,
.vft-zoom-in-center-leave-active {
  transition: all var(--vft-transition-duration) cubic-bezier(0.55, 0, 0.1, 1);
}

.vft-zoom-in-center-enter-from,
.vft-zoom-in-center-leave-active {
  transform: scaleX(0);
  opacity: 0;
}

.vft-zoom-in-top-enter-active,
.vft-zoom-in-top-leave-active {
  transition: var(--vft-transition-md-fade);
  transform: scaleY(1);
  transform-origin: center top;
  opacity: 1;
}
.vft-zoom-in-top-enter-active[data-popper-placement^=top],
.vft-zoom-in-top-leave-active[data-popper-placement^=top] {
  transform-origin: center bottom;
}

.vft-zoom-in-top-enter-from,
.vft-zoom-in-top-leave-active {
  transform: scaleY(0);
  opacity: 0;
}

.vft-zoom-in-top-fast-enter-active {
  transition: var(--vft-transition-md-fade);
  transform: scaleY(1);
  transform-origin: center top;
  opacity: 1;
}
.vft-zoom-in-top-fast-enter-active[data-popper-placement^=top] {
  transform-origin: center bottom;
}

.vft-zoom-in-top-fast-leave-active {
  transform: scaleY(1);
  transform-origin: center top;
  opacity: 1;
}
.vft-zoom-in-top-fast-leave-active[data-popper-placement^=top] {
  transform-origin: center bottom;
}

.vft-zoom-in-top-fast-enter-from,
.vft-zoom-in-top-fast-leave-active {
  transform: scaleY(0);
  opacity: 0;
}

.vft-zoom-in-bottom-enter-active,
.vft-zoom-in-bottom-leave-active {
  transform: scaleY(1);
  transform-origin: center bottom;
  transition: var(--vft-transition-md-fade);
  opacity: 1;
}

.vft-zoom-in-bottom-enter-from,
.vft-zoom-in-bottom-leave-active {
  transform: scaleY(0);
  opacity: 0;
}

.vft-zoom-in-left-enter-active,
.vft-zoom-in-left-leave-active {
  transform: scale(1, 1);
  transform-origin: top left;
  transition: var(--vft-transition-md-fade);
  opacity: 1;
}

.vft-zoom-in-left-enter-from,
.vft-zoom-in-left-leave-active {
  transform: scale(0.45, 0.45);
  opacity: 0;
}

.collapse-transition {
  transition: var(--vft-transition-duration) height ease-in-out, var(--vft-transition-duration) padding-top ease-in-out, var(--vft-transition-duration) padding-bottom ease-in-out;
}

.vft-collapse-transition-leave-active,
.vft-collapse-transition-enter-active {
  transition: var(--vft-transition-duration) max-height ease-in-out, var(--vft-transition-duration) padding-top ease-in-out, var(--vft-transition-duration) padding-bottom ease-in-out;
}

.horizontal-collapse-transition {
  transition: var(--vft-transition-duration) width ease-in-out, var(--vft-transition-duration) padding-left ease-in-out, var(--vft-transition-duration) padding-right ease-in-out;
}

.vft-list-enter-active,
.vft-list-leave-active {
  transition: all 1s;
}

.vft-list-enter-from,
.vft-list-leave-to {
  transform: translateY(-1.875rem);
  opacity: 0;
}

.vft-list-leave-active {
  position: absolute !important;
}

.vft-opacity-transition {
  transition: opacity var(--vft-transition-duration) cubic-bezier(0.55, 0, 0.1, 1);
}

@keyframes vft-rotate {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes vft-loading-dot {
  33% {
    transform: translateY(-2em);
  }
  66% {
    transform: translateY(-1em);
  }
}
.vft-picker__popper {
  --vft-datepicker-border-color: var(--vft-disabled-border-color);
}
.vft-picker__popper.vft-popper {
  border: 0.0625rem solid var(--vft-datepicker-border-color);
  background: var(--vft-bg-color-overlay);
  box-shadow: var(--vft-box-shadow-light);
}
.vft-picker__popper.vft-popper[data-popper-placement^=top] .vft-popper__arrow::before {
  border-top-color: transparent;
  border-left-color: transparent;
}
.vft-picker__popper.vft-popper[data-popper-placement^=bottom] .vft-popper__arrow::before {
  border-bottom-color: transparent;
  border-right-color: transparent;
}
.vft-picker__popper.vft-popper[data-popper-placement^=left] .vft-popper__arrow::before {
  border-left-color: transparent;
  border-bottom-color: transparent;
}
.vft-picker__popper.vft-popper[data-popper-placement^=right] .vft-popper__arrow::before {
  border-right-color: transparent;
  border-top-color: transparent;
}
.vft-picker__popper.vft-popper .vft-popper__arrow::before {
  border: 0.0625rem solid var(--vft-datepicker-border-color);
}

.vft-date-editor {
  --vft-date-editor-width: 13.75rem;
  --vft-date-editor-monthrange-width: 18.75rem;
  --vft-date-editor-daterange-width: 21.875rem;
  --vft-date-editor-datetimerange-width: 25rem;
  --vft-input-width: 100%;
  --vft-input-text-color: var(--vft-text-regular-color);
  --vft-input-border: var(--vft-border);
  --vft-input-hover-border: var(--vft-border-color-hover);
  --vft-input-focus-border: var(--vft-primary-color);
  --vft-input-transparent-border: 0 0 0 0.0625rem transparent inset;
  --vft-input-border-color: var(--vft-border-color);
  --vft-input-border-radius: var(--vft-border-radius-base);
  --vft-input-bg-color: var(--vft-fill-color-blank);
  --vft-input-icon-color: var(--vft-text-placeholder-color);
  --vft-input-placeholder-color: var(--vft-text-placeholder-color);
  --vft-input-hover-border-color: var(--vft-border-color-hover);
  --vft-input-clear-hover-color: var(--vft-text-secondary-color);
  --vft-input-focus-border-color: var(--vft-primary-color);
  position: relative;
  text-align: left;
  vertical-align: middle;
}
.vft-date-editor.vft-input__wrapper {
  border: 0.0625rem solid var(--vft-input-border-color, var(--vft-border-color));
}
.vft-date-editor.vft-input__wrapper:hover {
  border: 0.0625rem solid var(--vft-input-hover-border-color);
}
.vft-date-editor.vft-input, .vft-date-editor.vft-input__wrapper {
  width: var(--vft-date-editor-width);
  height: var(--vft-input-height, var(--vft-component-size));
}
.vft-date-editor--monthrange {
  --vft-date-editor-width: var(--vft-date-editor-monthrange-width);
}

.vft-date-editor--daterange, .vft-date-editor--timerange {
  --vft-date-editor-width: var(--vft-date-editor-daterange-width);
}

.vft-date-editor--datetimerange {
  --vft-date-editor-width: var(--vft-date-editor-datetimerange-width);
}

.vft-date-editor--dates .vft-input__wrapper {
  text-overflow: ellipsis;
  white-space: nowrap;
}

.vft-date-editor .close-icon {
  cursor: pointer;
}
.vft-date-editor .clear-icon {
  cursor: pointer;
}
.vft-date-editor .clear-icon:hover {
  color: var(--vft-text-secondary-color);
}
.vft-date-editor .vft-range__icon {
  height: inherit;
  float: left;
  color: var(--vft-text-placeholder-color);
  font-size: 0.875rem;
}
.vft-date-editor .vft-range__icon svg {
  vertical-align: middle;
}
.vft-date-editor .vft-range-input {
  display: inline-block;
  width: 39%;
  height: 1.875rem;
  margin: 0;
  padding: 0;
  border: none;
  outline: none;
  background-color: transparent;
  color: var(--vft-text-regular-color);
  font-size: var(--vft-font-size-base);
  line-height: 1.875rem;
  text-align: center;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.vft-date-editor .vft-range-input::-moz-placeholder {
  color: var(--vft-text-placeholder-color);
}
.vft-date-editor .vft-range-input::placeholder {
  color: var(--vft-text-placeholder-color);
}
.vft-date-editor .vft-range-separator {
  display: inline-flex;
  flex: 1;
  align-items: center;
  justify-content: center;
  height: 100%;
  margin: 0;
  padding: 0 0.3125rem;
  color: var(--vft-text-primary-color);
  font-size: 0.875rem;
  overflow-wrap: break-word;
}
.vft-date-editor .vft-range__close-icon {
  width: unset;
  height: inherit;
  color: var(--vft-text-placeholder-color);
  font-size: 0.875rem;
  cursor: pointer;
}
.vft-date-editor .vft-range__close-icon:hover {
  color: var(--vft-text-secondary-color);
}
.vft-date-editor .vft-range__close-icon svg {
  vertical-align: middle;
}
.vft-date-editor .vft-range__close-icon--hidden {
  visibility: hidden;
  opacity: 0;
}
.vft-date-editor .icon-clock {
  width: 1em;
  height: 1em;
  background-color: currentcolor;
  -webkit-mask: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="M512 896a384 384 0 1 0 0-768a384 384 0 0 0 0 768zm0 64a448 448 0 1 1 0-896a448 448 0 0 1 0 896z"%2F%3E%3Cpath fill="currentColor" d="M480 256a32 32 0 0 1 32 32v256a32 32 0 0 1-64 0V288a32 32 0 0 1 32-32z"%2F%3E%3Cpath fill="currentColor" d="M480 512h256q32 0 32 32t-32 32H480q-32 0-32-32t32-32z"%2F%3E%3C%2Fsvg%3E') no-repeat;
          mask: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="M512 896a384 384 0 1 0 0-768a384 384 0 0 0 0 768zm0 64a448 448 0 1 1 0-896a448 448 0 0 1 0 896z"%2F%3E%3Cpath fill="currentColor" d="M480 256a32 32 0 0 1 32 32v256a32 32 0 0 1-64 0V288a32 32 0 0 1 32-32z"%2F%3E%3Cpath fill="currentColor" d="M480 512h256q32 0 32 32t-32 32H480q-32 0-32-32t32-32z"%2F%3E%3C%2Fsvg%3E') no-repeat;
  -webkit-mask-size: 100% 100%;
          mask-size: 100% 100%;
}
.vft-date-editor .icon-calendar {
  width: 1em;
  height: 1em;
  background-color: currentcolor;
  -webkit-mask: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="M128 384v512h768V192H768v32a32 32 0 1 1-64 0v-32H320v32a32 32 0 0 1-64 0v-32H128v128h768v64H128zm192-256h384V96a32 32 0 1 1 64 0v32h160a32 32 0 0 1 32 32v768a32 32 0 0 1-32 32H96a32 32 0 0 1-32-32V160a32 32 0 0 1 32-32h160V96a32 32 0 0 1 64 0v32zm-32 384h64a32 32 0 0 1 0 64h-64a32 32 0 0 1 0-64zm0 192h64a32 32 0 1 1 0 64h-64a32 32 0 1 1 0-64zm192-192h64a32 32 0 0 1 0 64h-64a32 32 0 0 1 0-64zm0 192h64a32 32 0 1 1 0 64h-64a32 32 0 1 1 0-64zm192-192h64a32 32 0 1 1 0 64h-64a32 32 0 1 1 0-64zm0 192h64a32 32 0 1 1 0 64h-64a32 32 0 1 1 0-64z"%2F%3E%3C%2Fsvg%3E') no-repeat;
          mask: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="M128 384v512h768V192H768v32a32 32 0 1 1-64 0v-32H320v32a32 32 0 0 1-64 0v-32H128v128h768v64H128zm192-256h384V96a32 32 0 1 1 64 0v32h160a32 32 0 0 1 32 32v768a32 32 0 0 1-32 32H96a32 32 0 0 1-32-32V160a32 32 0 0 1 32-32h160V96a32 32 0 0 1 64 0v32zm-32 384h64a32 32 0 0 1 0 64h-64a32 32 0 0 1 0-64zm0 192h64a32 32 0 1 1 0 64h-64a32 32 0 1 1 0-64zm192-192h64a32 32 0 0 1 0 64h-64a32 32 0 0 1 0-64zm0 192h64a32 32 0 1 1 0 64h-64a32 32 0 1 1 0-64zm192-192h64a32 32 0 1 1 0 64h-64a32 32 0 1 1 0-64zm0 192h64a32 32 0 1 1 0 64h-64a32 32 0 1 1 0-64z"%2F%3E%3C%2Fsvg%3E') no-repeat;
  -webkit-mask-size: 100% 100%;
          mask-size: 100% 100%;
}
.vft-date-editor .icon-circle-close {
  width: 1em;
  height: 1em;
  background-color: currentcolor;
  -webkit-mask: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="m466.752 512l-90.496-90.496a32 32 0 0 1 45.248-45.248L512 466.752l90.496-90.496a32 32 0 1 1 45.248 45.248L557.248 512l90.496 90.496a32 32 0 1 1-45.248 45.248L512 557.248l-90.496 90.496a32 32 0 0 1-45.248-45.248L466.752 512z"%2F%3E%3Cpath fill="currentColor" d="M512 896a384 384 0 1 0 0-768a384 384 0 0 0 0 768zm0 64a448 448 0 1 1 0-896a448 448 0 0 1 0 896z"%2F%3E%3C%2Fsvg%3E') no-repeat;
          mask: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="m466.752 512l-90.496-90.496a32 32 0 0 1 45.248-45.248L512 466.752l90.496-90.496a32 32 0 1 1 45.248 45.248L557.248 512l90.496 90.496a32 32 0 1 1-45.248 45.248L512 557.248l-90.496 90.496a32 32 0 0 1-45.248-45.248L466.752 512z"%2F%3E%3Cpath fill="currentColor" d="M512 896a384 384 0 1 0 0-768a384 384 0 0 0 0 768zm0 64a448 448 0 1 1 0-896a448 448 0 0 1 0 896z"%2F%3E%3C%2Fsvg%3E') no-repeat;
  -webkit-mask-size: 100% 100%;
          mask-size: 100% 100%;
}

.vft-range-editor.vft-input__wrapper {
  display: inline-flex;
  align-items: center;
  padding: 0 0.625rem;
  vertical-align: middle;
}
.vft-range-editor.is-active {
  border: 0.0625rem solid var(--vft-input-focus-border-color);
}
.vft-range-editor.is-active:hover {
  border: 0.0625rem solid var(--vft-input-focus-border-color);
}

.vft-range-editor--large {
  line-height: var(--vft-component-size-large);
}
.vft-range-editor--large.vft-input__wrapper {
  height: var(--vft-component-size-large);
}
.vft-range-editor--large .vft-range-separator {
  font-size: 0.875rem;
  line-height: 2.5rem;
}
.vft-range-editor--large .vft-range-input {
  height: 2.375rem;
  font-size: 0.875rem;
  line-height: 2.375rem;
}

.vft-range-editor--small {
  line-height: var(--vft-component-size-small);
}
.vft-range-editor--small.vft-input__wrapper {
  height: var(--vft-component-size-small);
}
.vft-range-editor--small .vft-range-separator {
  font-size: 0.75rem;
  line-height: 1.5rem;
}
.vft-range-editor--small .vft-range-input {
  height: 1.375rem;
  font-size: 0.75rem;
  line-height: 1.375rem;
}

.vft-range-editor.is-disabled {
  border-color: var(--vft-disabled-border-color);
  background-color: var(--vft-disabled-bg-color);
  color: var(--vft-disabled-text-color);
  cursor: not-allowed;
}
.vft-range-editor.is-disabled:hover, .vft-range-editor.is-disabled:focus {
  border-color: var(--vft-disabled-border-color);
}
.vft-range-editor.is-disabled input {
  background-color: var(--vft-disabled-bg-color);
  color: var(--vft-disabled-text-color);
  cursor: not-allowed;
}
.vft-range-editor.is-disabled input::-moz-placeholder {
  color: var(--vft-text-placeholder-color);
}
.vft-range-editor.is-disabled input::placeholder {
  color: var(--vft-text-placeholder-color);
}
.vft-range-editor.is-disabled .vft-range-separator {
  color: var(--vft-disabled-text-color);
}

.vft-range-editor .icon-clock {
  width: 1em;
  height: 1em;
  background-color: currentcolor;
  -webkit-mask: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="M512 896a384 384 0 1 0 0-768a384 384 0 0 0 0 768zm0 64a448 448 0 1 1 0-896a448 448 0 0 1 0 896z"%2F%3E%3Cpath fill="currentColor" d="M480 256a32 32 0 0 1 32 32v256a32 32 0 0 1-64 0V288a32 32 0 0 1 32-32z"%2F%3E%3Cpath fill="currentColor" d="M480 512h256q32 0 32 32t-32 32H480q-32 0-32-32t32-32z"%2F%3E%3C%2Fsvg%3E') no-repeat;
          mask: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="M512 896a384 384 0 1 0 0-768a384 384 0 0 0 0 768zm0 64a448 448 0 1 1 0-896a448 448 0 0 1 0 896z"%2F%3E%3Cpath fill="currentColor" d="M480 256a32 32 0 0 1 32 32v256a32 32 0 0 1-64 0V288a32 32 0 0 1 32-32z"%2F%3E%3Cpath fill="currentColor" d="M480 512h256q32 0 32 32t-32 32H480q-32 0-32-32t32-32z"%2F%3E%3C%2Fsvg%3E') no-repeat;
  -webkit-mask-size: 100% 100%;
          mask-size: 100% 100%;
}
.vft-range-editor .icon-calendar {
  width: 1em;
  height: 1em;
  background-color: currentcolor;
  -webkit-mask: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="M128 384v512h768V192H768v32a32 32 0 1 1-64 0v-32H320v32a32 32 0 0 1-64 0v-32H128v128h768v64H128zm192-256h384V96a32 32 0 1 1 64 0v32h160a32 32 0 0 1 32 32v768a32 32 0 0 1-32 32H96a32 32 0 0 1-32-32V160a32 32 0 0 1 32-32h160V96a32 32 0 0 1 64 0v32zm-32 384h64a32 32 0 0 1 0 64h-64a32 32 0 0 1 0-64zm0 192h64a32 32 0 1 1 0 64h-64a32 32 0 1 1 0-64zm192-192h64a32 32 0 0 1 0 64h-64a32 32 0 0 1 0-64zm0 192h64a32 32 0 1 1 0 64h-64a32 32 0 1 1 0-64zm192-192h64a32 32 0 1 1 0 64h-64a32 32 0 1 1 0-64zm0 192h64a32 32 0 1 1 0 64h-64a32 32 0 1 1 0-64z"%2F%3E%3C%2Fsvg%3E') no-repeat;
          mask: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="M128 384v512h768V192H768v32a32 32 0 1 1-64 0v-32H320v32a32 32 0 0 1-64 0v-32H128v128h768v64H128zm192-256h384V96a32 32 0 1 1 64 0v32h160a32 32 0 0 1 32 32v768a32 32 0 0 1-32 32H96a32 32 0 0 1-32-32V160a32 32 0 0 1 32-32h160V96a32 32 0 0 1 64 0v32zm-32 384h64a32 32 0 0 1 0 64h-64a32 32 0 0 1 0-64zm0 192h64a32 32 0 1 1 0 64h-64a32 32 0 1 1 0-64zm192-192h64a32 32 0 0 1 0 64h-64a32 32 0 0 1 0-64zm0 192h64a32 32 0 1 1 0 64h-64a32 32 0 1 1 0-64zm192-192h64a32 32 0 1 1 0 64h-64a32 32 0 1 1 0-64zm0 192h64a32 32 0 1 1 0 64h-64a32 32 0 1 1 0-64z"%2F%3E%3C%2Fsvg%3E') no-repeat;
  -webkit-mask-size: 100% 100%;
          mask-size: 100% 100%;
}

.vft-picker-panel {
  border-radius: var(--vft-border-radius-base);
  background: var(--vft-bg-color-overlay);
  color: var(--vft-text-regular-color);
  line-height: 1.875rem;
}
.vft-picker-panel .vft-time-panel {
  margin: 0.3125rem 0;
  border: solid 0.0625rem var(--vft-datepicker-border-color);
  background-color: var(--vft-bg-color-overlay);
  box-shadow: var(--vft-box-shadow-light);
}
.vft-picker-panel__body::after, .vft-picker-panel__body-wrapper::after {
  content: "";
  display: table;
  clear: both;
}

.vft-picker-panel__content {
  position: relative;
  margin: 0.9375rem;
}

.vft-picker-panel__footer {
  position: relative;
  padding: 0.25rem 0.75rem;
  border-top: 0.0625rem solid var(--vft-datepicker-inner-border-color);
  background-color: var(--vft-bg-color-overlay);
  font-size: 0;
  text-align: right;
}

.vft-picker-panel__shortcut {
  display: block;
  width: 100%;
  padding-left: 0.75rem;
  border: 0;
  outline: none;
  background-color: transparent;
  color: var(--vft-datepicker-text-color);
  font-size: 0.875rem;
  line-height: 1.75rem;
  text-align: left;
  cursor: pointer;
}
.vft-picker-panel__shortcut:hover {
  color: var(--vft-datepicker-hover-text-color);
}
.vft-picker-panel__shortcut.active {
  background-color: #e6f1fe;
  color: var(--vft-datepicker-active-color);
}

.vft-picker-panel__btn {
  padding: 0 1.25rem;
  border: 0.0625rem solid var(--vft-fill-color-darker);
  border-radius: 0.125rem;
  outline: none;
  background-color: transparent;
  color: var(--vft-text-primary-color);
  font-size: 0.75rem;
  line-height: 1.5rem;
  cursor: pointer;
}
.vft-picker-panel__btn[disabled] {
  color: var(--vft-text-disabled-color);
  cursor: not-allowed;
}

.vft-picker-panel__icon-btn {
  margin-top: 0.5rem;
  border: 0;
  outline: none;
  background: transparent;
  color: var(--vft-datepicker-icon-color);
  font-size: 0.75rem;
  line-height: 1.15;
  cursor: pointer;
}
.vft-picker-panel__icon-btn.is-disabled {
  color: var(--vft-text-disabled-color);
}
.vft-picker-panel__icon-btn.is-disabled:hover {
  cursor: not-allowed;
}

.vft-picker-panel__icon-btn:hover {
  color: var(--vft-datepicker-hover-text-color);
}
.vft-picker-panel__icon-btn:focus-visible {
  color: var(--vft-datepicker-hover-text-color);
}
.vft-picker-panel__icon-btn .vft-icon {
  font-size: inherit;
  cursor: pointer;
}

.vft-picker-panel__link-btn {
  vertical-align: middle;
}

.vft-picker-panel .icon-d-arrow-left {
  width: 1em;
  height: 1em;
  background-color: currentcolor;
  -webkit-mask: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="M529.408 149.376a29.12 29.12 0 0 1 41.728 0a30.592 30.592 0 0 1 0 42.688L259.264 511.936l311.872 319.936a30.592 30.592 0 0 1-.512 43.264a29.12 29.12 0 0 1-41.216-.512L197.76 534.272a32 32 0 0 1 0-44.672l331.648-340.224zm256 0a29.12 29.12 0 0 1 41.728 0a30.592 30.592 0 0 1 0 42.688L515.264 511.936l311.872 319.936a30.592 30.592 0 0 1-.512 43.264a29.12 29.12 0 0 1-41.216-.512L453.76 534.272a32 32 0 0 1 0-44.672l331.648-340.224z"%2F%3E%3C%2Fsvg%3E') no-repeat;
          mask: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="M529.408 149.376a29.12 29.12 0 0 1 41.728 0a30.592 30.592 0 0 1 0 42.688L259.264 511.936l311.872 319.936a30.592 30.592 0 0 1-.512 43.264a29.12 29.12 0 0 1-41.216-.512L197.76 534.272a32 32 0 0 1 0-44.672l331.648-340.224zm256 0a29.12 29.12 0 0 1 41.728 0a30.592 30.592 0 0 1 0 42.688L515.264 511.936l311.872 319.936a30.592 30.592 0 0 1-.512 43.264a29.12 29.12 0 0 1-41.216-.512L453.76 534.272a32 32 0 0 1 0-44.672l331.648-340.224z"%2F%3E%3C%2Fsvg%3E') no-repeat;
  -webkit-mask-size: 100% 100%;
          mask-size: 100% 100%;
}
.vft-picker-panel .icon-arrow-left {
  width: 1em;
  height: 1em;
  background-color: currentcolor;
  -webkit-mask: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="M609.408 149.376L277.76 489.6a32 32 0 0 0 0 44.672l331.648 340.352a29.12 29.12 0 0 0 41.728 0a30.592 30.592 0 0 0 0-42.752L339.264 511.936l311.872-319.872a30.592 30.592 0 0 0 0-42.688a29.12 29.12 0 0 0-41.728 0z"%2F%3E%3C%2Fsvg%3E') no-repeat;
          mask: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="M609.408 149.376L277.76 489.6a32 32 0 0 0 0 44.672l331.648 340.352a29.12 29.12 0 0 0 41.728 0a30.592 30.592 0 0 0 0-42.752L339.264 511.936l311.872-319.872a30.592 30.592 0 0 0 0-42.688a29.12 29.12 0 0 0-41.728 0z"%2F%3E%3C%2Fsvg%3E') no-repeat;
  -webkit-mask-size: 100% 100%;
          mask-size: 100% 100%;
}
.vft-picker-panel .icon-arrow-right {
  width: 1em;
  height: 1em;
  background-color: currentcolor;
  -webkit-mask: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="M340.864 149.312a30.592 30.592 0 0 0 0 42.752L652.736 512L340.864 831.872a30.592 30.592 0 0 0 0 42.752a29.12 29.12 0 0 0 41.728 0L714.24 534.336a32 32 0 0 0 0-44.672L382.592 149.376a29.12 29.12 0 0 0-41.728 0z"%2F%3E%3C%2Fsvg%3E') no-repeat;
          mask: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="M340.864 149.312a30.592 30.592 0 0 0 0 42.752L652.736 512L340.864 831.872a30.592 30.592 0 0 0 0 42.752a29.12 29.12 0 0 0 41.728 0L714.24 534.336a32 32 0 0 0 0-44.672L382.592 149.376a29.12 29.12 0 0 0-41.728 0z"%2F%3E%3C%2Fsvg%3E') no-repeat;
  -webkit-mask-size: 100% 100%;
          mask-size: 100% 100%;
}
.vft-picker-panel .icon-d-arrow-right {
  width: 1em;
  height: 1em;
  background-color: currentcolor;
  -webkit-mask: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="M452.864 149.312a29.12 29.12 0 0 1 41.728.064L826.24 489.664a32 32 0 0 1 0 44.672L494.592 874.624a29.12 29.12 0 0 1-41.728 0a30.592 30.592 0 0 1 0-42.752L764.736 512L452.864 192a30.592 30.592 0 0 1 0-42.688zm-256 0a29.12 29.12 0 0 1 41.728.064L570.24 489.664a32 32 0 0 1 0 44.672L238.592 874.624a29.12 29.12 0 0 1-41.728 0a30.592 30.592 0 0 1 0-42.752L508.736 512L196.864 192a30.592 30.592 0 0 1 0-42.688z"%2F%3E%3C%2Fsvg%3E') no-repeat;
          mask: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="M452.864 149.312a29.12 29.12 0 0 1 41.728.064L826.24 489.664a32 32 0 0 1 0 44.672L494.592 874.624a29.12 29.12 0 0 1-41.728 0a30.592 30.592 0 0 1 0-42.752L764.736 512L452.864 192a30.592 30.592 0 0 1 0-42.688zm-256 0a29.12 29.12 0 0 1 41.728.064L570.24 489.664a32 32 0 0 1 0 44.672L238.592 874.624a29.12 29.12 0 0 1-41.728 0a30.592 30.592 0 0 1 0-42.752L508.736 512L196.864 192a30.592 30.592 0 0 1 0-42.688z"%2F%3E%3C%2Fsvg%3E') no-repeat;
  -webkit-mask-size: 100% 100%;
          mask-size: 100% 100%;
}

.vft-picker-panel *[slot=sidebar],
.vft-picker-panel__sidebar {
  position: absolute;
  top: 0;
  bottom: 0;
  box-sizing: border-box;
  width: 6.875rem;
  padding-top: 0.375rem;
  overflow: auto;
  border-right: 0.0625rem solid var(--vft-datepicker-inner-border-color);
}

.vft-picker-panel *[slot=sidebar] + .vft-picker-panel__body,
.vft-picker-panel__sidebar + .vft-picker-panel__body {
  margin-left: 6.875rem;
}

.vft-time-spinner.has-seconds .vft-time-spinner__wrapper {
  width: 33.3%;
}
.vft-time-spinner__wrapper {
  display: inline-block;
  position: relative;
  width: 50%;
  max-height: 12rem;
  overflow: auto;
  vertical-align: top;
}
.vft-time-spinner__wrapper.vft-scrollbar__wrap:not(.vft-scrollbar__wrap--hidden-default) {
  padding-bottom: 0.9375rem;
}
.vft-time-spinner__wrapper.is-arrow {
  box-sizing: border-box;
  overflow: hidden;
  text-align: center;
}
.vft-time-spinner__wrapper.is-arrow .vft-time-spinner__list {
  transform: translateY(-2rem);
}
.vft-time-spinner__wrapper.is-arrow .vft-time-spinner__item:hover:not(.is-disabled):not(.is-active) {
  background: var(--vft-fill-color-light);
  cursor: default;
}

.vft-time-spinner__arrow {
  position: absolute;
  z-index: var(--vft-z-index-normal);
  left: 0;
  width: 100%;
  height: 1.875rem;
  color: var(--vft-text-secondary-color);
  font-size: 0.75rem;
  line-height: 1.875rem;
  text-align: center;
  cursor: pointer;
}
.vft-time-spinner__arrow:hover {
  color: var(--vft-primary-color);
}
.vft-time-spinner__arrow.arrow-up {
  top: 0.625rem;
}
.vft-time-spinner__arrow.arrow-down {
  bottom: 0.625rem;
}

.vft-time-spinner__input.vft-input {
  width: 70%;
}
.vft-time-spinner__input.vft-input .vft-input__inner {
  padding: 0;
  text-align: center;
}

.vft-time-spinner__list {
  margin: 0;
  padding: 0;
  list-style: none;
  text-align: center;
}
.vft-time-spinner__list::after, .vft-time-spinner__list::before {
  content: "";
  display: block;
  width: 100%;
  height: 5rem;
}

.vft-time-spinner__item {
  height: 2rem;
  color: var(--vft-text-regular-color);
  font-size: 0.75rem;
  line-height: 2rem;
}
.vft-time-spinner__item:hover:not(.is-disabled, .is-active) {
  background: var(--vft-fill-color-light);
  cursor: pointer;
}
.vft-time-spinner__item.is-active:not(.is-disabled) {
  color: var(--vft-text-primary-color);
  font-weight: bold;
}
.vft-time-spinner__item.is-disabled {
  color: var(--vft-text-placeholder-color);
  cursor: not-allowed;
}

.vft-time-panel {
  position: relative;
  z-index: var(--vft-z-index-top);
  left: 0;
  box-sizing: content-box;
  width: 11.25rem;
  border-radius: 0.125rem;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.vft-time-panel__content {
  position: relative;
  overflow: hidden;
  font-size: 0;
}
.vft-time-panel__content::after, .vft-time-panel__content::before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 50%;
  right: 0;
  left: 0;
  box-sizing: border-box;
  height: 2rem;
  margin-top: -1rem;
  padding-top: 0.375rem;
  text-align: left;
}
.vft-time-panel__content::after {
  left: 50%;
  margin-right: 12%;
  margin-left: 12%;
}
.vft-time-panel__content::before {
  margin-right: 12%;
  margin-left: 12%;
  padding-left: 50%;
  border-top: 0.0625rem solid var(--vft-border-color-light);
  border-bottom: 0.0625rem solid var(--vft-border-color-light);
}
.vft-time-panel__content.has-seconds::after {
  left: 66.6666666667%;
}
.vft-time-panel__content.has-seconds::before {
  padding-left: 33.3333333333%;
}

.vft-time-panel__footer {
  box-sizing: border-box;
  height: 2.25rem;
  padding: 0.25rem;
  border-top: 0.0625rem solid var(--vft-timepicker-inner-border-color, var(--vft-border-color-light));
  line-height: 1.5625rem;
  text-align: right;
}

.vft-time-panel__btn {
  margin: 0 0.3125rem;
  padding: 0 0.3125rem;
  border: none;
  outline: none;
  background-color: transparent;
  color: var(--vft-text-primary-color);
  font-size: 0.75rem;
  line-height: 1.75rem;
  cursor: pointer;
}
.vft-time-panel__btn.confirm {
  color: var(--vft-timepicker-active-color, var(--vft-primary-color));
  font-weight: 800;
}

.vft-time-panel .icon-arrow-up {
  width: 1em;
  height: 1em;
  background-color: currentcolor;
  -webkit-mask: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="m488.832 344.32l-339.84 356.672a32 32 0 0 0 0 44.16l.384.384a29.44 29.44 0 0 0 42.688 0l320-335.872l319.872 335.872a29.44 29.44 0 0 0 42.688 0l.384-.384a32 32 0 0 0 0-44.16L535.168 344.32a32 32 0 0 0-46.336 0z"%2F%3E%3C%2Fsvg%3E') no-repeat;
          mask: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="m488.832 344.32l-339.84 356.672a32 32 0 0 0 0 44.16l.384.384a29.44 29.44 0 0 0 42.688 0l320-335.872l319.872 335.872a29.44 29.44 0 0 0 42.688 0l.384-.384a32 32 0 0 0 0-44.16L535.168 344.32a32 32 0 0 0-46.336 0z"%2F%3E%3C%2Fsvg%3E') no-repeat;
  -webkit-mask-size: 100% 100%;
          mask-size: 100% 100%;
}
.vft-time-panel .icon-arrow-down {
  width: 1em;
  height: 1em;
  background-color: currentcolor;
  -webkit-mask: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="M831.872 340.864L512 652.672L192.128 340.864a30.592 30.592 0 0 0-42.752 0a29.12 29.12 0 0 0 0 41.6L489.664 714.24a32 32 0 0 0 44.672 0l340.288-331.712a29.12 29.12 0 0 0 0-41.728a30.592 30.592 0 0 0-42.752 0z"%2F%3E%3C%2Fsvg%3E') no-repeat;
          mask: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="M831.872 340.864L512 652.672L192.128 340.864a30.592 30.592 0 0 0-42.752 0a29.12 29.12 0 0 0 0 41.6L489.664 714.24a32 32 0 0 0 44.672 0l340.288-331.712a29.12 29.12 0 0 0 0-41.728a30.592 30.592 0 0 0-42.752 0z"%2F%3E%3C%2Fsvg%3E') no-repeat;
  -webkit-mask-size: 100% 100%;
          mask-size: 100% 100%;
}
.vft-time-panel .icon-circle-close {
  width: 1em;
  height: 1em;
  background-color: currentcolor;
  -webkit-mask: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="m466.752 512l-90.496-90.496a32 32 0 0 1 45.248-45.248L512 466.752l90.496-90.496a32 32 0 1 1 45.248 45.248L557.248 512l90.496 90.496a32 32 0 1 1-45.248 45.248L512 557.248l-90.496 90.496a32 32 0 0 1-45.248-45.248L466.752 512z"%2F%3E%3Cpath fill="currentColor" d="M512 896a384 384 0 1 0 0-768a384 384 0 0 0 0 768zm0 64a448 448 0 1 1 0-896a448 448 0 0 1 0 896z"%2F%3E%3C%2Fsvg%3E') no-repeat;
          mask: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="m466.752 512l-90.496-90.496a32 32 0 0 1 45.248-45.248L512 466.752l90.496-90.496a32 32 0 1 1 45.248 45.248L557.248 512l90.496 90.496a32 32 0 1 1-45.248 45.248L512 557.248l-90.496 90.496a32 32 0 0 1-45.248-45.248L466.752 512z"%2F%3E%3Cpath fill="currentColor" d="M512 896a384 384 0 1 0 0-768a384 384 0 0 0 0 768zm0 64a448 448 0 1 1 0-896a448 448 0 0 1 0 896z"%2F%3E%3C%2Fsvg%3E') no-repeat;
  -webkit-mask-size: 100% 100%;
          mask-size: 100% 100%;
}

.vft-time-range-picker {
  width: 22.125rem;
  overflow: visible;
}
.vft-time-range-picker__content {
  position: relative;
  z-index: 1;
  padding: 0.625rem;
  text-align: center;
}

.vft-time-range-picker__cell {
  display: inline-block;
  box-sizing: border-box;
  width: 50%;
  margin: 0;
  padding: 0.25rem 0.4375rem 0.4375rem;
}

.vft-time-range-picker__header {
  margin-bottom: 0.3125rem;
  font-size: 0.875rem;
  text-align: center;
}

.vft-time-range-picker__body {
  border: 0.0625rem solid var(--vft-datepicker-border-color);
  border-radius: 0.125rem;
}.vft-fade-in-linear-enter-active,
.vft-fade-in-linear-leave-active {
  transition: var(--vft-transition-fade-linear);
}

.vft-fade-in-linear-enter-from,
.vft-fade-in-linear-leave-to {
  opacity: 0;
}

.vft-fade-in-enter-active,
.vft-fade-in-leave-active {
  transition: all var(--vft-transition-duration) cubic-bezier(0.55, 0, 0.1, 1);
}

.vft-fade-in-enter-from,
.vft-fade-in-leave-active {
  opacity: 0;
}

.vft-zoom-in-center-enter-active,
.vft-zoom-in-center-leave-active {
  transition: all var(--vft-transition-duration) cubic-bezier(0.55, 0, 0.1, 1);
}

.vft-zoom-in-center-enter-from,
.vft-zoom-in-center-leave-active {
  transform: scaleX(0);
  opacity: 0;
}

.vft-zoom-in-top-enter-active,
.vft-zoom-in-top-leave-active {
  transition: var(--vft-transition-md-fade);
  transform: scaleY(1);
  transform-origin: center top;
  opacity: 1;
}
.vft-zoom-in-top-enter-active[data-popper-placement^=top],
.vft-zoom-in-top-leave-active[data-popper-placement^=top] {
  transform-origin: center bottom;
}

.vft-zoom-in-top-enter-from,
.vft-zoom-in-top-leave-active {
  transform: scaleY(0);
  opacity: 0;
}

.vft-zoom-in-top-fast-enter-active {
  transition: var(--vft-transition-md-fade);
  transform: scaleY(1);
  transform-origin: center top;
  opacity: 1;
}
.vft-zoom-in-top-fast-enter-active[data-popper-placement^=top] {
  transform-origin: center bottom;
}

.vft-zoom-in-top-fast-leave-active {
  transform: scaleY(1);
  transform-origin: center top;
  opacity: 1;
}
.vft-zoom-in-top-fast-leave-active[data-popper-placement^=top] {
  transform-origin: center bottom;
}

.vft-zoom-in-top-fast-enter-from,
.vft-zoom-in-top-fast-leave-active {
  transform: scaleY(0);
  opacity: 0;
}

.vft-zoom-in-bottom-enter-active,
.vft-zoom-in-bottom-leave-active {
  transform: scaleY(1);
  transform-origin: center bottom;
  transition: var(--vft-transition-md-fade);
  opacity: 1;
}

.vft-zoom-in-bottom-enter-from,
.vft-zoom-in-bottom-leave-active {
  transform: scaleY(0);
  opacity: 0;
}

.vft-zoom-in-left-enter-active,
.vft-zoom-in-left-leave-active {
  transform: scale(1, 1);
  transform-origin: top left;
  transition: var(--vft-transition-md-fade);
  opacity: 1;
}

.vft-zoom-in-left-enter-from,
.vft-zoom-in-left-leave-active {
  transform: scale(0.45, 0.45);
  opacity: 0;
}

.collapse-transition {
  transition: var(--vft-transition-duration) height ease-in-out, var(--vft-transition-duration) padding-top ease-in-out, var(--vft-transition-duration) padding-bottom ease-in-out;
}

.vft-collapse-transition-leave-active,
.vft-collapse-transition-enter-active {
  transition: var(--vft-transition-duration) max-height ease-in-out, var(--vft-transition-duration) padding-top ease-in-out, var(--vft-transition-duration) padding-bottom ease-in-out;
}

.horizontal-collapse-transition {
  transition: var(--vft-transition-duration) width ease-in-out, var(--vft-transition-duration) padding-left ease-in-out, var(--vft-transition-duration) padding-right ease-in-out;
}

.vft-list-enter-active,
.vft-list-leave-active {
  transition: all 1s;
}

.vft-list-enter-from,
.vft-list-leave-to {
  transform: translateY(-1.875rem);
  opacity: 0;
}

.vft-list-leave-active {
  position: absolute !important;
}

.vft-opacity-transition {
  transition: opacity var(--vft-transition-duration) cubic-bezier(0.55, 0, 0.1, 1);
}

@keyframes vft-rotate {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes vft-loading-dot {
  33% {
    transform: translateY(-2em);
  }
  66% {
    transform: translateY(-1em);
  }
}
:root {
  --vft-divider-margin-y: 1.5rem;
  --vft-divider-margin-x: 0.5rem;
  --vft-divider-border-color: #dcdfe6;
  --vft-divider-border-style: solid;
}

.vft-divider {
  position: relative;
}
.vft-divider--horizontal {
  display: block;
  width: 100%;
  height: 0.0625rem;
  margin: var(--vft-divider-margin-y) 0;
  border-top: 0.0625rem var(--vft-divider-border-color) var(--vft-divider-border-style);
}

.vft-divider--vertical {
  display: inline-block;
  position: relative;
  width: 0.0625rem;
  height: 1em;
  margin: 0 var(--vft-divider-margin-x);
  border-left: 0.0625rem var(--vft-divider-border-color) var(--vft-divider-border-style);
  vertical-align: middle;
}

.vft-divider__text {
  position: absolute;
  padding: 0 1.25rem;
  background-color: var(--vft-bg-color);
  color: var(--vft-text-primary-color);
  font-size: 0.875rem;
  font-weight: 500;
}
.vft-divider__text.is-left {
  left: 1.25rem;
  transform: translateY(-50%);
}

.vft-divider__text.is-center {
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
}

.vft-divider__text.is-right {
  right: 1.25rem;
  transform: translateY(-50%);
}.vft-fade-in-linear-enter-active,
.vft-fade-in-linear-leave-active {
  transition: var(--vft-transition-fade-linear);
}

.vft-fade-in-linear-enter-from,
.vft-fade-in-linear-leave-to {
  opacity: 0;
}

.vft-fade-in-enter-active,
.vft-fade-in-leave-active {
  transition: all var(--vft-transition-duration) cubic-bezier(0.55, 0, 0.1, 1);
}

.vft-fade-in-enter-from,
.vft-fade-in-leave-active {
  opacity: 0;
}

.vft-zoom-in-center-enter-active,
.vft-zoom-in-center-leave-active {
  transition: all var(--vft-transition-duration) cubic-bezier(0.55, 0, 0.1, 1);
}

.vft-zoom-in-center-enter-from,
.vft-zoom-in-center-leave-active {
  transform: scaleX(0);
  opacity: 0;
}

.vft-zoom-in-top-enter-active,
.vft-zoom-in-top-leave-active {
  transition: var(--vft-transition-md-fade);
  transform: scaleY(1);
  transform-origin: center top;
  opacity: 1;
}
.vft-zoom-in-top-enter-active[data-popper-placement^=top],
.vft-zoom-in-top-leave-active[data-popper-placement^=top] {
  transform-origin: center bottom;
}

.vft-zoom-in-top-enter-from,
.vft-zoom-in-top-leave-active {
  transform: scaleY(0);
  opacity: 0;
}

.vft-zoom-in-top-fast-enter-active {
  transition: var(--vft-transition-md-fade);
  transform: scaleY(1);
  transform-origin: center top;
  opacity: 1;
}
.vft-zoom-in-top-fast-enter-active[data-popper-placement^=top] {
  transform-origin: center bottom;
}

.vft-zoom-in-top-fast-leave-active {
  transform: scaleY(1);
  transform-origin: center top;
  opacity: 1;
}
.vft-zoom-in-top-fast-leave-active[data-popper-placement^=top] {
  transform-origin: center bottom;
}

.vft-zoom-in-top-fast-enter-from,
.vft-zoom-in-top-fast-leave-active {
  transform: scaleY(0);
  opacity: 0;
}

.vft-zoom-in-bottom-enter-active,
.vft-zoom-in-bottom-leave-active {
  transform: scaleY(1);
  transform-origin: center bottom;
  transition: var(--vft-transition-md-fade);
  opacity: 1;
}

.vft-zoom-in-bottom-enter-from,
.vft-zoom-in-bottom-leave-active {
  transform: scaleY(0);
  opacity: 0;
}

.vft-zoom-in-left-enter-active,
.vft-zoom-in-left-leave-active {
  transform: scale(1, 1);
  transform-origin: top left;
  transition: var(--vft-transition-md-fade);
  opacity: 1;
}

.vft-zoom-in-left-enter-from,
.vft-zoom-in-left-leave-active {
  transform: scale(0.45, 0.45);
  opacity: 0;
}

.collapse-transition {
  transition: var(--vft-transition-duration) height ease-in-out, var(--vft-transition-duration) padding-top ease-in-out, var(--vft-transition-duration) padding-bottom ease-in-out;
}

.vft-collapse-transition-leave-active,
.vft-collapse-transition-enter-active {
  transition: var(--vft-transition-duration) max-height ease-in-out, var(--vft-transition-duration) padding-top ease-in-out, var(--vft-transition-duration) padding-bottom ease-in-out;
}

.horizontal-collapse-transition {
  transition: var(--vft-transition-duration) width ease-in-out, var(--vft-transition-duration) padding-left ease-in-out, var(--vft-transition-duration) padding-right ease-in-out;
}

.vft-list-enter-active,
.vft-list-leave-active {
  transition: all 1s;
}

.vft-list-enter-from,
.vft-list-leave-to {
  transform: translateY(-1.875rem);
  opacity: 0;
}

.vft-list-leave-active {
  position: absolute !important;
}

.vft-opacity-transition {
  transition: opacity var(--vft-transition-duration) cubic-bezier(0.55, 0, 0.1, 1);
}

@keyframes vft-rotate {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes vft-loading-dot {
  33% {
    transform: translateY(-2em);
  }
  66% {
    transform: translateY(-1em);
  }
}
.vft-row {
  display: flex;
  flex-wrap: wrap;
  position: relative;
  box-sizing: border-box;
}
.vft-row.is-justify-center {
  justify-content: center;
}

.vft-row.is-justify-end {
  justify-content: flex-end;
}

.vft-row.is-justify-space-between {
  justify-content: space-between;
}

.vft-row.is-justify-space-around {
  justify-content: space-around;
}

.vft-row.is-justify-space-evenly {
  justify-content: space-evenly;
}

.vft-row.is-align-middle {
  align-items: center;
}

.vft-row.is-align-bottom {
  align-items: flex-end;
}.vft-fade-in-linear-enter-active,
.vft-fade-in-linear-leave-active {
  transition: var(--vft-transition-fade-linear);
}

.vft-fade-in-linear-enter-from,
.vft-fade-in-linear-leave-to {
  opacity: 0;
}

.vft-fade-in-enter-active,
.vft-fade-in-leave-active {
  transition: all var(--vft-transition-duration) cubic-bezier(0.55, 0, 0.1, 1);
}

.vft-fade-in-enter-from,
.vft-fade-in-leave-active {
  opacity: 0;
}

.vft-zoom-in-center-enter-active,
.vft-zoom-in-center-leave-active {
  transition: all var(--vft-transition-duration) cubic-bezier(0.55, 0, 0.1, 1);
}

.vft-zoom-in-center-enter-from,
.vft-zoom-in-center-leave-active {
  transform: scaleX(0);
  opacity: 0;
}

.vft-zoom-in-top-enter-active,
.vft-zoom-in-top-leave-active {
  transition: var(--vft-transition-md-fade);
  transform: scaleY(1);
  transform-origin: center top;
  opacity: 1;
}
.vft-zoom-in-top-enter-active[data-popper-placement^=top],
.vft-zoom-in-top-leave-active[data-popper-placement^=top] {
  transform-origin: center bottom;
}

.vft-zoom-in-top-enter-from,
.vft-zoom-in-top-leave-active {
  transform: scaleY(0);
  opacity: 0;
}

.vft-zoom-in-top-fast-enter-active {
  transition: var(--vft-transition-md-fade);
  transform: scaleY(1);
  transform-origin: center top;
  opacity: 1;
}
.vft-zoom-in-top-fast-enter-active[data-popper-placement^=top] {
  transform-origin: center bottom;
}

.vft-zoom-in-top-fast-leave-active {
  transform: scaleY(1);
  transform-origin: center top;
  opacity: 1;
}
.vft-zoom-in-top-fast-leave-active[data-popper-placement^=top] {
  transform-origin: center bottom;
}

.vft-zoom-in-top-fast-enter-from,
.vft-zoom-in-top-fast-leave-active {
  transform: scaleY(0);
  opacity: 0;
}

.vft-zoom-in-bottom-enter-active,
.vft-zoom-in-bottom-leave-active {
  transform: scaleY(1);
  transform-origin: center bottom;
  transition: var(--vft-transition-md-fade);
  opacity: 1;
}

.vft-zoom-in-bottom-enter-from,
.vft-zoom-in-bottom-leave-active {
  transform: scaleY(0);
  opacity: 0;
}

.vft-zoom-in-left-enter-active,
.vft-zoom-in-left-leave-active {
  transform: scale(1, 1);
  transform-origin: top left;
  transition: var(--vft-transition-md-fade);
  opacity: 1;
}

.vft-zoom-in-left-enter-from,
.vft-zoom-in-left-leave-active {
  transform: scale(0.45, 0.45);
  opacity: 0;
}

.collapse-transition {
  transition: var(--vft-transition-duration) height ease-in-out, var(--vft-transition-duration) padding-top ease-in-out, var(--vft-transition-duration) padding-bottom ease-in-out;
}

.vft-collapse-transition-leave-active,
.vft-collapse-transition-enter-active {
  transition: var(--vft-transition-duration) max-height ease-in-out, var(--vft-transition-duration) padding-top ease-in-out, var(--vft-transition-duration) padding-bottom ease-in-out;
}

.horizontal-collapse-transition {
  transition: var(--vft-transition-duration) width ease-in-out, var(--vft-transition-duration) padding-left ease-in-out, var(--vft-transition-duration) padding-right ease-in-out;
}

.vft-list-enter-active,
.vft-list-leave-active {
  transition: all 1s;
}

.vft-list-enter-from,
.vft-list-leave-to {
  transform: translateY(-1.875rem);
  opacity: 0;
}

.vft-list-leave-active {
  position: absolute !important;
}

.vft-opacity-transition {
  transition: opacity var(--vft-transition-duration) cubic-bezier(0.55, 0, 0.1, 1);
}

@keyframes vft-rotate {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes vft-loading-dot {
  33% {
    transform: translateY(-2em);
  }
  66% {
    transform: translateY(-1em);
  }
}
[class*=vft-col-] {
  box-sizing: border-box;
}
[class*=vft-col-].is-guttered {
  display: block;
  min-height: 0.0625rem;
}

.vft-col-0 {
  display: none;
}
.vft-col-0.is-guttered {
  display: none;
}

.vft-col-0 {
  flex: 0 0 0%;
  max-width: 0%;
}

.vft-col-offset-0 {
  margin-left: 0%;
}

.vft-col-pull-0 {
  position: relative;
  right: 0%;
}

.vft-col-push-0 {
  position: relative;
  left: 0%;
}

.vft-col-1 {
  flex: 0 0 4.1666666667%;
  max-width: 4.1666666667%;
}

.vft-col-offset-1 {
  margin-left: 4.1666666667%;
}

.vft-col-pull-1 {
  position: relative;
  right: 4.1666666667%;
}

.vft-col-push-1 {
  position: relative;
  left: 4.1666666667%;
}

.vft-col-2 {
  flex: 0 0 8.3333333333%;
  max-width: 8.3333333333%;
}

.vft-col-offset-2 {
  margin-left: 8.3333333333%;
}

.vft-col-pull-2 {
  position: relative;
  right: 8.3333333333%;
}

.vft-col-push-2 {
  position: relative;
  left: 8.3333333333%;
}

.vft-col-3 {
  flex: 0 0 12.5%;
  max-width: 12.5%;
}

.vft-col-offset-3 {
  margin-left: 12.5%;
}

.vft-col-pull-3 {
  position: relative;
  right: 12.5%;
}

.vft-col-push-3 {
  position: relative;
  left: 12.5%;
}

.vft-col-4 {
  flex: 0 0 16.6666666667%;
  max-width: 16.6666666667%;
}

.vft-col-offset-4 {
  margin-left: 16.6666666667%;
}

.vft-col-pull-4 {
  position: relative;
  right: 16.6666666667%;
}

.vft-col-push-4 {
  position: relative;
  left: 16.6666666667%;
}

.vft-col-5 {
  flex: 0 0 20.8333333333%;
  max-width: 20.8333333333%;
}

.vft-col-offset-5 {
  margin-left: 20.8333333333%;
}

.vft-col-pull-5 {
  position: relative;
  right: 20.8333333333%;
}

.vft-col-push-5 {
  position: relative;
  left: 20.8333333333%;
}

.vft-col-6 {
  flex: 0 0 25%;
  max-width: 25%;
}

.vft-col-offset-6 {
  margin-left: 25%;
}

.vft-col-pull-6 {
  position: relative;
  right: 25%;
}

.vft-col-push-6 {
  position: relative;
  left: 25%;
}

.vft-col-7 {
  flex: 0 0 29.1666666667%;
  max-width: 29.1666666667%;
}

.vft-col-offset-7 {
  margin-left: 29.1666666667%;
}

.vft-col-pull-7 {
  position: relative;
  right: 29.1666666667%;
}

.vft-col-push-7 {
  position: relative;
  left: 29.1666666667%;
}

.vft-col-8 {
  flex: 0 0 33.3333333333%;
  max-width: 33.3333333333%;
}

.vft-col-offset-8 {
  margin-left: 33.3333333333%;
}

.vft-col-pull-8 {
  position: relative;
  right: 33.3333333333%;
}

.vft-col-push-8 {
  position: relative;
  left: 33.3333333333%;
}

.vft-col-9 {
  flex: 0 0 37.5%;
  max-width: 37.5%;
}

.vft-col-offset-9 {
  margin-left: 37.5%;
}

.vft-col-pull-9 {
  position: relative;
  right: 37.5%;
}

.vft-col-push-9 {
  position: relative;
  left: 37.5%;
}

.vft-col-10 {
  flex: 0 0 41.6666666667%;
  max-width: 41.6666666667%;
}

.vft-col-offset-10 {
  margin-left: 41.6666666667%;
}

.vft-col-pull-10 {
  position: relative;
  right: 41.6666666667%;
}

.vft-col-push-10 {
  position: relative;
  left: 41.6666666667%;
}

.vft-col-11 {
  flex: 0 0 45.8333333333%;
  max-width: 45.8333333333%;
}

.vft-col-offset-11 {
  margin-left: 45.8333333333%;
}

.vft-col-pull-11 {
  position: relative;
  right: 45.8333333333%;
}

.vft-col-push-11 {
  position: relative;
  left: 45.8333333333%;
}

.vft-col-12 {
  flex: 0 0 50%;
  max-width: 50%;
}

.vft-col-offset-12 {
  margin-left: 50%;
}

.vft-col-pull-12 {
  position: relative;
  right: 50%;
}

.vft-col-push-12 {
  position: relative;
  left: 50%;
}

.vft-col-13 {
  flex: 0 0 54.1666666667%;
  max-width: 54.1666666667%;
}

.vft-col-offset-13 {
  margin-left: 54.1666666667%;
}

.vft-col-pull-13 {
  position: relative;
  right: 54.1666666667%;
}

.vft-col-push-13 {
  position: relative;
  left: 54.1666666667%;
}

.vft-col-14 {
  flex: 0 0 58.3333333333%;
  max-width: 58.3333333333%;
}

.vft-col-offset-14 {
  margin-left: 58.3333333333%;
}

.vft-col-pull-14 {
  position: relative;
  right: 58.3333333333%;
}

.vft-col-push-14 {
  position: relative;
  left: 58.3333333333%;
}

.vft-col-15 {
  flex: 0 0 62.5%;
  max-width: 62.5%;
}

.vft-col-offset-15 {
  margin-left: 62.5%;
}

.vft-col-pull-15 {
  position: relative;
  right: 62.5%;
}

.vft-col-push-15 {
  position: relative;
  left: 62.5%;
}

.vft-col-16 {
  flex: 0 0 66.6666666667%;
  max-width: 66.6666666667%;
}

.vft-col-offset-16 {
  margin-left: 66.6666666667%;
}

.vft-col-pull-16 {
  position: relative;
  right: 66.6666666667%;
}

.vft-col-push-16 {
  position: relative;
  left: 66.6666666667%;
}

.vft-col-17 {
  flex: 0 0 70.8333333333%;
  max-width: 70.8333333333%;
}

.vft-col-offset-17 {
  margin-left: 70.8333333333%;
}

.vft-col-pull-17 {
  position: relative;
  right: 70.8333333333%;
}

.vft-col-push-17 {
  position: relative;
  left: 70.8333333333%;
}

.vft-col-18 {
  flex: 0 0 75%;
  max-width: 75%;
}

.vft-col-offset-18 {
  margin-left: 75%;
}

.vft-col-pull-18 {
  position: relative;
  right: 75%;
}

.vft-col-push-18 {
  position: relative;
  left: 75%;
}

.vft-col-19 {
  flex: 0 0 79.1666666667%;
  max-width: 79.1666666667%;
}

.vft-col-offset-19 {
  margin-left: 79.1666666667%;
}

.vft-col-pull-19 {
  position: relative;
  right: 79.1666666667%;
}

.vft-col-push-19 {
  position: relative;
  left: 79.1666666667%;
}

.vft-col-20 {
  flex: 0 0 83.3333333333%;
  max-width: 83.3333333333%;
}

.vft-col-offset-20 {
  margin-left: 83.3333333333%;
}

.vft-col-pull-20 {
  position: relative;
  right: 83.3333333333%;
}

.vft-col-push-20 {
  position: relative;
  left: 83.3333333333%;
}

.vft-col-21 {
  flex: 0 0 87.5%;
  max-width: 87.5%;
}

.vft-col-offset-21 {
  margin-left: 87.5%;
}

.vft-col-pull-21 {
  position: relative;
  right: 87.5%;
}

.vft-col-push-21 {
  position: relative;
  left: 87.5%;
}

.vft-col-22 {
  flex: 0 0 91.6666666667%;
  max-width: 91.6666666667%;
}

.vft-col-offset-22 {
  margin-left: 91.6666666667%;
}

.vft-col-pull-22 {
  position: relative;
  right: 91.6666666667%;
}

.vft-col-push-22 {
  position: relative;
  left: 91.6666666667%;
}

.vft-col-23 {
  flex: 0 0 95.8333333333%;
  max-width: 95.8333333333%;
}

.vft-col-offset-23 {
  margin-left: 95.8333333333%;
}

.vft-col-pull-23 {
  position: relative;
  right: 95.8333333333%;
}

.vft-col-push-23 {
  position: relative;
  left: 95.8333333333%;
}

.vft-col-24 {
  flex: 0 0 100%;
  max-width: 100%;
}

.vft-col-offset-24 {
  margin-left: 100%;
}

.vft-col-pull-24 {
  position: relative;
  right: 100%;
}

.vft-col-push-24 {
  position: relative;
  left: 100%;
}

@media only screen and (max-width: 768px) {
  .vft-col-xs-0 {
    max-width: 0%;
    flex: 0 0 0%;
  }
  .vft-col-xs-offset-0 {
    margin-left: 0%;
  }
  .vft-col-xs-pull-0 {
    position: relative;
    right: 0%;
  }
  .vft-col-xs-push-0 {
    position: relative;
    left: 0%;
  }
  .vft-col-xs-1 {
    display: block;
    max-width: 4.1666666667%;
    flex: 0 0 4.1666666667%;
  }
  .vft-col-xs-offset-1 {
    margin-left: 4.1666666667%;
  }
  .vft-col-xs-pull-1 {
    position: relative;
    right: 4.1666666667%;
  }
  .vft-col-xs-push-1 {
    position: relative;
    left: 4.1666666667%;
  }
  .vft-col-xs-2 {
    display: block;
    max-width: 8.3333333333%;
    flex: 0 0 8.3333333333%;
  }
  .vft-col-xs-offset-2 {
    margin-left: 8.3333333333%;
  }
  .vft-col-xs-pull-2 {
    position: relative;
    right: 8.3333333333%;
  }
  .vft-col-xs-push-2 {
    position: relative;
    left: 8.3333333333%;
  }
  .vft-col-xs-3 {
    display: block;
    max-width: 12.5%;
    flex: 0 0 12.5%;
  }
  .vft-col-xs-offset-3 {
    margin-left: 12.5%;
  }
  .vft-col-xs-pull-3 {
    position: relative;
    right: 12.5%;
  }
  .vft-col-xs-push-3 {
    position: relative;
    left: 12.5%;
  }
  .vft-col-xs-4 {
    display: block;
    max-width: 16.6666666667%;
    flex: 0 0 16.6666666667%;
  }
  .vft-col-xs-offset-4 {
    margin-left: 16.6666666667%;
  }
  .vft-col-xs-pull-4 {
    position: relative;
    right: 16.6666666667%;
  }
  .vft-col-xs-push-4 {
    position: relative;
    left: 16.6666666667%;
  }
  .vft-col-xs-5 {
    display: block;
    max-width: 20.8333333333%;
    flex: 0 0 20.8333333333%;
  }
  .vft-col-xs-offset-5 {
    margin-left: 20.8333333333%;
  }
  .vft-col-xs-pull-5 {
    position: relative;
    right: 20.8333333333%;
  }
  .vft-col-xs-push-5 {
    position: relative;
    left: 20.8333333333%;
  }
  .vft-col-xs-6 {
    display: block;
    max-width: 25%;
    flex: 0 0 25%;
  }
  .vft-col-xs-offset-6 {
    margin-left: 25%;
  }
  .vft-col-xs-pull-6 {
    position: relative;
    right: 25%;
  }
  .vft-col-xs-push-6 {
    position: relative;
    left: 25%;
  }
  .vft-col-xs-7 {
    display: block;
    max-width: 29.1666666667%;
    flex: 0 0 29.1666666667%;
  }
  .vft-col-xs-offset-7 {
    margin-left: 29.1666666667%;
  }
  .vft-col-xs-pull-7 {
    position: relative;
    right: 29.1666666667%;
  }
  .vft-col-xs-push-7 {
    position: relative;
    left: 29.1666666667%;
  }
  .vft-col-xs-8 {
    display: block;
    max-width: 33.3333333333%;
    flex: 0 0 33.3333333333%;
  }
  .vft-col-xs-offset-8 {
    margin-left: 33.3333333333%;
  }
  .vft-col-xs-pull-8 {
    position: relative;
    right: 33.3333333333%;
  }
  .vft-col-xs-push-8 {
    position: relative;
    left: 33.3333333333%;
  }
  .vft-col-xs-9 {
    display: block;
    max-width: 37.5%;
    flex: 0 0 37.5%;
  }
  .vft-col-xs-offset-9 {
    margin-left: 37.5%;
  }
  .vft-col-xs-pull-9 {
    position: relative;
    right: 37.5%;
  }
  .vft-col-xs-push-9 {
    position: relative;
    left: 37.5%;
  }
  .vft-col-xs-10 {
    display: block;
    max-width: 41.6666666667%;
    flex: 0 0 41.6666666667%;
  }
  .vft-col-xs-offset-10 {
    margin-left: 41.6666666667%;
  }
  .vft-col-xs-pull-10 {
    position: relative;
    right: 41.6666666667%;
  }
  .vft-col-xs-push-10 {
    position: relative;
    left: 41.6666666667%;
  }
  .vft-col-xs-11 {
    display: block;
    max-width: 45.8333333333%;
    flex: 0 0 45.8333333333%;
  }
  .vft-col-xs-offset-11 {
    margin-left: 45.8333333333%;
  }
  .vft-col-xs-pull-11 {
    position: relative;
    right: 45.8333333333%;
  }
  .vft-col-xs-push-11 {
    position: relative;
    left: 45.8333333333%;
  }
  .vft-col-xs-12 {
    display: block;
    max-width: 50%;
    flex: 0 0 50%;
  }
  .vft-col-xs-offset-12 {
    margin-left: 50%;
  }
  .vft-col-xs-pull-12 {
    position: relative;
    right: 50%;
  }
  .vft-col-xs-push-12 {
    position: relative;
    left: 50%;
  }
  .vft-col-xs-13 {
    display: block;
    max-width: 54.1666666667%;
    flex: 0 0 54.1666666667%;
  }
  .vft-col-xs-offset-13 {
    margin-left: 54.1666666667%;
  }
  .vft-col-xs-pull-13 {
    position: relative;
    right: 54.1666666667%;
  }
  .vft-col-xs-push-13 {
    position: relative;
    left: 54.1666666667%;
  }
  .vft-col-xs-14 {
    display: block;
    max-width: 58.3333333333%;
    flex: 0 0 58.3333333333%;
  }
  .vft-col-xs-offset-14 {
    margin-left: 58.3333333333%;
  }
  .vft-col-xs-pull-14 {
    position: relative;
    right: 58.3333333333%;
  }
  .vft-col-xs-push-14 {
    position: relative;
    left: 58.3333333333%;
  }
  .vft-col-xs-15 {
    display: block;
    max-width: 62.5%;
    flex: 0 0 62.5%;
  }
  .vft-col-xs-offset-15 {
    margin-left: 62.5%;
  }
  .vft-col-xs-pull-15 {
    position: relative;
    right: 62.5%;
  }
  .vft-col-xs-push-15 {
    position: relative;
    left: 62.5%;
  }
  .vft-col-xs-16 {
    display: block;
    max-width: 66.6666666667%;
    flex: 0 0 66.6666666667%;
  }
  .vft-col-xs-offset-16 {
    margin-left: 66.6666666667%;
  }
  .vft-col-xs-pull-16 {
    position: relative;
    right: 66.6666666667%;
  }
  .vft-col-xs-push-16 {
    position: relative;
    left: 66.6666666667%;
  }
  .vft-col-xs-17 {
    display: block;
    max-width: 70.8333333333%;
    flex: 0 0 70.8333333333%;
  }
  .vft-col-xs-offset-17 {
    margin-left: 70.8333333333%;
  }
  .vft-col-xs-pull-17 {
    position: relative;
    right: 70.8333333333%;
  }
  .vft-col-xs-push-17 {
    position: relative;
    left: 70.8333333333%;
  }
  .vft-col-xs-18 {
    display: block;
    max-width: 75%;
    flex: 0 0 75%;
  }
  .vft-col-xs-offset-18 {
    margin-left: 75%;
  }
  .vft-col-xs-pull-18 {
    position: relative;
    right: 75%;
  }
  .vft-col-xs-push-18 {
    position: relative;
    left: 75%;
  }
  .vft-col-xs-19 {
    display: block;
    max-width: 79.1666666667%;
    flex: 0 0 79.1666666667%;
  }
  .vft-col-xs-offset-19 {
    margin-left: 79.1666666667%;
  }
  .vft-col-xs-pull-19 {
    position: relative;
    right: 79.1666666667%;
  }
  .vft-col-xs-push-19 {
    position: relative;
    left: 79.1666666667%;
  }
  .vft-col-xs-20 {
    display: block;
    max-width: 83.3333333333%;
    flex: 0 0 83.3333333333%;
  }
  .vft-col-xs-offset-20 {
    margin-left: 83.3333333333%;
  }
  .vft-col-xs-pull-20 {
    position: relative;
    right: 83.3333333333%;
  }
  .vft-col-xs-push-20 {
    position: relative;
    left: 83.3333333333%;
  }
  .vft-col-xs-21 {
    display: block;
    max-width: 87.5%;
    flex: 0 0 87.5%;
  }
  .vft-col-xs-offset-21 {
    margin-left: 87.5%;
  }
  .vft-col-xs-pull-21 {
    position: relative;
    right: 87.5%;
  }
  .vft-col-xs-push-21 {
    position: relative;
    left: 87.5%;
  }
  .vft-col-xs-22 {
    display: block;
    max-width: 91.6666666667%;
    flex: 0 0 91.6666666667%;
  }
  .vft-col-xs-offset-22 {
    margin-left: 91.6666666667%;
  }
  .vft-col-xs-pull-22 {
    position: relative;
    right: 91.6666666667%;
  }
  .vft-col-xs-push-22 {
    position: relative;
    left: 91.6666666667%;
  }
  .vft-col-xs-23 {
    display: block;
    max-width: 95.8333333333%;
    flex: 0 0 95.8333333333%;
  }
  .vft-col-xs-offset-23 {
    margin-left: 95.8333333333%;
  }
  .vft-col-xs-pull-23 {
    position: relative;
    right: 95.8333333333%;
  }
  .vft-col-xs-push-23 {
    position: relative;
    left: 95.8333333333%;
  }
  .vft-col-xs-24 {
    display: block;
    max-width: 100%;
    flex: 0 0 100%;
  }
  .vft-col-xs-offset-24 {
    margin-left: 100%;
  }
  .vft-col-xs-pull-24 {
    position: relative;
    right: 100%;
  }
  .vft-col-xs-push-24 {
    position: relative;
    left: 100%;
  }
  .vft-col-xs-0 {
    display: none;
  }
  .vft-col-xs-0.is-guttered {
    display: none;
  }
}
@media only screen and (min-width: 768px) {
  .vft-col-sm-0 {
    max-width: 0%;
    flex: 0 0 0%;
  }
  .vft-col-sm-offset-0 {
    margin-left: 0%;
  }
  .vft-col-sm-pull-0 {
    position: relative;
    right: 0%;
  }
  .vft-col-sm-push-0 {
    position: relative;
    left: 0%;
  }
  .vft-col-sm-1 {
    display: block;
    max-width: 4.1666666667%;
    flex: 0 0 4.1666666667%;
  }
  .vft-col-sm-offset-1 {
    margin-left: 4.1666666667%;
  }
  .vft-col-sm-pull-1 {
    position: relative;
    right: 4.1666666667%;
  }
  .vft-col-sm-push-1 {
    position: relative;
    left: 4.1666666667%;
  }
  .vft-col-sm-2 {
    display: block;
    max-width: 8.3333333333%;
    flex: 0 0 8.3333333333%;
  }
  .vft-col-sm-offset-2 {
    margin-left: 8.3333333333%;
  }
  .vft-col-sm-pull-2 {
    position: relative;
    right: 8.3333333333%;
  }
  .vft-col-sm-push-2 {
    position: relative;
    left: 8.3333333333%;
  }
  .vft-col-sm-3 {
    display: block;
    max-width: 12.5%;
    flex: 0 0 12.5%;
  }
  .vft-col-sm-offset-3 {
    margin-left: 12.5%;
  }
  .vft-col-sm-pull-3 {
    position: relative;
    right: 12.5%;
  }
  .vft-col-sm-push-3 {
    position: relative;
    left: 12.5%;
  }
  .vft-col-sm-4 {
    display: block;
    max-width: 16.6666666667%;
    flex: 0 0 16.6666666667%;
  }
  .vft-col-sm-offset-4 {
    margin-left: 16.6666666667%;
  }
  .vft-col-sm-pull-4 {
    position: relative;
    right: 16.6666666667%;
  }
  .vft-col-sm-push-4 {
    position: relative;
    left: 16.6666666667%;
  }
  .vft-col-sm-5 {
    display: block;
    max-width: 20.8333333333%;
    flex: 0 0 20.8333333333%;
  }
  .vft-col-sm-offset-5 {
    margin-left: 20.8333333333%;
  }
  .vft-col-sm-pull-5 {
    position: relative;
    right: 20.8333333333%;
  }
  .vft-col-sm-push-5 {
    position: relative;
    left: 20.8333333333%;
  }
  .vft-col-sm-6 {
    display: block;
    max-width: 25%;
    flex: 0 0 25%;
  }
  .vft-col-sm-offset-6 {
    margin-left: 25%;
  }
  .vft-col-sm-pull-6 {
    position: relative;
    right: 25%;
  }
  .vft-col-sm-push-6 {
    position: relative;
    left: 25%;
  }
  .vft-col-sm-7 {
    display: block;
    max-width: 29.1666666667%;
    flex: 0 0 29.1666666667%;
  }
  .vft-col-sm-offset-7 {
    margin-left: 29.1666666667%;
  }
  .vft-col-sm-pull-7 {
    position: relative;
    right: 29.1666666667%;
  }
  .vft-col-sm-push-7 {
    position: relative;
    left: 29.1666666667%;
  }
  .vft-col-sm-8 {
    display: block;
    max-width: 33.3333333333%;
    flex: 0 0 33.3333333333%;
  }
  .vft-col-sm-offset-8 {
    margin-left: 33.3333333333%;
  }
  .vft-col-sm-pull-8 {
    position: relative;
    right: 33.3333333333%;
  }
  .vft-col-sm-push-8 {
    position: relative;
    left: 33.3333333333%;
  }
  .vft-col-sm-9 {
    display: block;
    max-width: 37.5%;
    flex: 0 0 37.5%;
  }
  .vft-col-sm-offset-9 {
    margin-left: 37.5%;
  }
  .vft-col-sm-pull-9 {
    position: relative;
    right: 37.5%;
  }
  .vft-col-sm-push-9 {
    position: relative;
    left: 37.5%;
  }
  .vft-col-sm-10 {
    display: block;
    max-width: 41.6666666667%;
    flex: 0 0 41.6666666667%;
  }
  .vft-col-sm-offset-10 {
    margin-left: 41.6666666667%;
  }
  .vft-col-sm-pull-10 {
    position: relative;
    right: 41.6666666667%;
  }
  .vft-col-sm-push-10 {
    position: relative;
    left: 41.6666666667%;
  }
  .vft-col-sm-11 {
    display: block;
    max-width: 45.8333333333%;
    flex: 0 0 45.8333333333%;
  }
  .vft-col-sm-offset-11 {
    margin-left: 45.8333333333%;
  }
  .vft-col-sm-pull-11 {
    position: relative;
    right: 45.8333333333%;
  }
  .vft-col-sm-push-11 {
    position: relative;
    left: 45.8333333333%;
  }
  .vft-col-sm-12 {
    display: block;
    max-width: 50%;
    flex: 0 0 50%;
  }
  .vft-col-sm-offset-12 {
    margin-left: 50%;
  }
  .vft-col-sm-pull-12 {
    position: relative;
    right: 50%;
  }
  .vft-col-sm-push-12 {
    position: relative;
    left: 50%;
  }
  .vft-col-sm-13 {
    display: block;
    max-width: 54.1666666667%;
    flex: 0 0 54.1666666667%;
  }
  .vft-col-sm-offset-13 {
    margin-left: 54.1666666667%;
  }
  .vft-col-sm-pull-13 {
    position: relative;
    right: 54.1666666667%;
  }
  .vft-col-sm-push-13 {
    position: relative;
    left: 54.1666666667%;
  }
  .vft-col-sm-14 {
    display: block;
    max-width: 58.3333333333%;
    flex: 0 0 58.3333333333%;
  }
  .vft-col-sm-offset-14 {
    margin-left: 58.3333333333%;
  }
  .vft-col-sm-pull-14 {
    position: relative;
    right: 58.3333333333%;
  }
  .vft-col-sm-push-14 {
    position: relative;
    left: 58.3333333333%;
  }
  .vft-col-sm-15 {
    display: block;
    max-width: 62.5%;
    flex: 0 0 62.5%;
  }
  .vft-col-sm-offset-15 {
    margin-left: 62.5%;
  }
  .vft-col-sm-pull-15 {
    position: relative;
    right: 62.5%;
  }
  .vft-col-sm-push-15 {
    position: relative;
    left: 62.5%;
  }
  .vft-col-sm-16 {
    display: block;
    max-width: 66.6666666667%;
    flex: 0 0 66.6666666667%;
  }
  .vft-col-sm-offset-16 {
    margin-left: 66.6666666667%;
  }
  .vft-col-sm-pull-16 {
    position: relative;
    right: 66.6666666667%;
  }
  .vft-col-sm-push-16 {
    position: relative;
    left: 66.6666666667%;
  }
  .vft-col-sm-17 {
    display: block;
    max-width: 70.8333333333%;
    flex: 0 0 70.8333333333%;
  }
  .vft-col-sm-offset-17 {
    margin-left: 70.8333333333%;
  }
  .vft-col-sm-pull-17 {
    position: relative;
    right: 70.8333333333%;
  }
  .vft-col-sm-push-17 {
    position: relative;
    left: 70.8333333333%;
  }
  .vft-col-sm-18 {
    display: block;
    max-width: 75%;
    flex: 0 0 75%;
  }
  .vft-col-sm-offset-18 {
    margin-left: 75%;
  }
  .vft-col-sm-pull-18 {
    position: relative;
    right: 75%;
  }
  .vft-col-sm-push-18 {
    position: relative;
    left: 75%;
  }
  .vft-col-sm-19 {
    display: block;
    max-width: 79.1666666667%;
    flex: 0 0 79.1666666667%;
  }
  .vft-col-sm-offset-19 {
    margin-left: 79.1666666667%;
  }
  .vft-col-sm-pull-19 {
    position: relative;
    right: 79.1666666667%;
  }
  .vft-col-sm-push-19 {
    position: relative;
    left: 79.1666666667%;
  }
  .vft-col-sm-20 {
    display: block;
    max-width: 83.3333333333%;
    flex: 0 0 83.3333333333%;
  }
  .vft-col-sm-offset-20 {
    margin-left: 83.3333333333%;
  }
  .vft-col-sm-pull-20 {
    position: relative;
    right: 83.3333333333%;
  }
  .vft-col-sm-push-20 {
    position: relative;
    left: 83.3333333333%;
  }
  .vft-col-sm-21 {
    display: block;
    max-width: 87.5%;
    flex: 0 0 87.5%;
  }
  .vft-col-sm-offset-21 {
    margin-left: 87.5%;
  }
  .vft-col-sm-pull-21 {
    position: relative;
    right: 87.5%;
  }
  .vft-col-sm-push-21 {
    position: relative;
    left: 87.5%;
  }
  .vft-col-sm-22 {
    display: block;
    max-width: 91.6666666667%;
    flex: 0 0 91.6666666667%;
  }
  .vft-col-sm-offset-22 {
    margin-left: 91.6666666667%;
  }
  .vft-col-sm-pull-22 {
    position: relative;
    right: 91.6666666667%;
  }
  .vft-col-sm-push-22 {
    position: relative;
    left: 91.6666666667%;
  }
  .vft-col-sm-23 {
    display: block;
    max-width: 95.8333333333%;
    flex: 0 0 95.8333333333%;
  }
  .vft-col-sm-offset-23 {
    margin-left: 95.8333333333%;
  }
  .vft-col-sm-pull-23 {
    position: relative;
    right: 95.8333333333%;
  }
  .vft-col-sm-push-23 {
    position: relative;
    left: 95.8333333333%;
  }
  .vft-col-sm-24 {
    display: block;
    max-width: 100%;
    flex: 0 0 100%;
  }
  .vft-col-sm-offset-24 {
    margin-left: 100%;
  }
  .vft-col-sm-pull-24 {
    position: relative;
    right: 100%;
  }
  .vft-col-sm-push-24 {
    position: relative;
    left: 100%;
  }
  .vft-col-sm-0 {
    display: none;
  }
  .vft-col-sm-0.is-guttered {
    display: none;
  }
}
@media only screen and (min-width: 992px) {
  .vft-col-md-0 {
    max-width: 0%;
    flex: 0 0 0%;
  }
  .vft-col-md-offset-0 {
    margin-left: 0%;
  }
  .vft-col-md-pull-0 {
    position: relative;
    right: 0%;
  }
  .vft-col-md-push-0 {
    position: relative;
    left: 0%;
  }
  .vft-col-md-1 {
    display: block;
    max-width: 4.1666666667%;
    flex: 0 0 4.1666666667%;
  }
  .vft-col-md-offset-1 {
    margin-left: 4.1666666667%;
  }
  .vft-col-md-pull-1 {
    position: relative;
    right: 4.1666666667%;
  }
  .vft-col-md-push-1 {
    position: relative;
    left: 4.1666666667%;
  }
  .vft-col-md-2 {
    display: block;
    max-width: 8.3333333333%;
    flex: 0 0 8.3333333333%;
  }
  .vft-col-md-offset-2 {
    margin-left: 8.3333333333%;
  }
  .vft-col-md-pull-2 {
    position: relative;
    right: 8.3333333333%;
  }
  .vft-col-md-push-2 {
    position: relative;
    left: 8.3333333333%;
  }
  .vft-col-md-3 {
    display: block;
    max-width: 12.5%;
    flex: 0 0 12.5%;
  }
  .vft-col-md-offset-3 {
    margin-left: 12.5%;
  }
  .vft-col-md-pull-3 {
    position: relative;
    right: 12.5%;
  }
  .vft-col-md-push-3 {
    position: relative;
    left: 12.5%;
  }
  .vft-col-md-4 {
    display: block;
    max-width: 16.6666666667%;
    flex: 0 0 16.6666666667%;
  }
  .vft-col-md-offset-4 {
    margin-left: 16.6666666667%;
  }
  .vft-col-md-pull-4 {
    position: relative;
    right: 16.6666666667%;
  }
  .vft-col-md-push-4 {
    position: relative;
    left: 16.6666666667%;
  }
  .vft-col-md-5 {
    display: block;
    max-width: 20.8333333333%;
    flex: 0 0 20.8333333333%;
  }
  .vft-col-md-offset-5 {
    margin-left: 20.8333333333%;
  }
  .vft-col-md-pull-5 {
    position: relative;
    right: 20.8333333333%;
  }
  .vft-col-md-push-5 {
    position: relative;
    left: 20.8333333333%;
  }
  .vft-col-md-6 {
    display: block;
    max-width: 25%;
    flex: 0 0 25%;
  }
  .vft-col-md-offset-6 {
    margin-left: 25%;
  }
  .vft-col-md-pull-6 {
    position: relative;
    right: 25%;
  }
  .vft-col-md-push-6 {
    position: relative;
    left: 25%;
  }
  .vft-col-md-7 {
    display: block;
    max-width: 29.1666666667%;
    flex: 0 0 29.1666666667%;
  }
  .vft-col-md-offset-7 {
    margin-left: 29.1666666667%;
  }
  .vft-col-md-pull-7 {
    position: relative;
    right: 29.1666666667%;
  }
  .vft-col-md-push-7 {
    position: relative;
    left: 29.1666666667%;
  }
  .vft-col-md-8 {
    display: block;
    max-width: 33.3333333333%;
    flex: 0 0 33.3333333333%;
  }
  .vft-col-md-offset-8 {
    margin-left: 33.3333333333%;
  }
  .vft-col-md-pull-8 {
    position: relative;
    right: 33.3333333333%;
  }
  .vft-col-md-push-8 {
    position: relative;
    left: 33.3333333333%;
  }
  .vft-col-md-9 {
    display: block;
    max-width: 37.5%;
    flex: 0 0 37.5%;
  }
  .vft-col-md-offset-9 {
    margin-left: 37.5%;
  }
  .vft-col-md-pull-9 {
    position: relative;
    right: 37.5%;
  }
  .vft-col-md-push-9 {
    position: relative;
    left: 37.5%;
  }
  .vft-col-md-10 {
    display: block;
    max-width: 41.6666666667%;
    flex: 0 0 41.6666666667%;
  }
  .vft-col-md-offset-10 {
    margin-left: 41.6666666667%;
  }
  .vft-col-md-pull-10 {
    position: relative;
    right: 41.6666666667%;
  }
  .vft-col-md-push-10 {
    position: relative;
    left: 41.6666666667%;
  }
  .vft-col-md-11 {
    display: block;
    max-width: 45.8333333333%;
    flex: 0 0 45.8333333333%;
  }
  .vft-col-md-offset-11 {
    margin-left: 45.8333333333%;
  }
  .vft-col-md-pull-11 {
    position: relative;
    right: 45.8333333333%;
  }
  .vft-col-md-push-11 {
    position: relative;
    left: 45.8333333333%;
  }
  .vft-col-md-12 {
    display: block;
    max-width: 50%;
    flex: 0 0 50%;
  }
  .vft-col-md-offset-12 {
    margin-left: 50%;
  }
  .vft-col-md-pull-12 {
    position: relative;
    right: 50%;
  }
  .vft-col-md-push-12 {
    position: relative;
    left: 50%;
  }
  .vft-col-md-13 {
    display: block;
    max-width: 54.1666666667%;
    flex: 0 0 54.1666666667%;
  }
  .vft-col-md-offset-13 {
    margin-left: 54.1666666667%;
  }
  .vft-col-md-pull-13 {
    position: relative;
    right: 54.1666666667%;
  }
  .vft-col-md-push-13 {
    position: relative;
    left: 54.1666666667%;
  }
  .vft-col-md-14 {
    display: block;
    max-width: 58.3333333333%;
    flex: 0 0 58.3333333333%;
  }
  .vft-col-md-offset-14 {
    margin-left: 58.3333333333%;
  }
  .vft-col-md-pull-14 {
    position: relative;
    right: 58.3333333333%;
  }
  .vft-col-md-push-14 {
    position: relative;
    left: 58.3333333333%;
  }
  .vft-col-md-15 {
    display: block;
    max-width: 62.5%;
    flex: 0 0 62.5%;
  }
  .vft-col-md-offset-15 {
    margin-left: 62.5%;
  }
  .vft-col-md-pull-15 {
    position: relative;
    right: 62.5%;
  }
  .vft-col-md-push-15 {
    position: relative;
    left: 62.5%;
  }
  .vft-col-md-16 {
    display: block;
    max-width: 66.6666666667%;
    flex: 0 0 66.6666666667%;
  }
  .vft-col-md-offset-16 {
    margin-left: 66.6666666667%;
  }
  .vft-col-md-pull-16 {
    position: relative;
    right: 66.6666666667%;
  }
  .vft-col-md-push-16 {
    position: relative;
    left: 66.6666666667%;
  }
  .vft-col-md-17 {
    display: block;
    max-width: 70.8333333333%;
    flex: 0 0 70.8333333333%;
  }
  .vft-col-md-offset-17 {
    margin-left: 70.8333333333%;
  }
  .vft-col-md-pull-17 {
    position: relative;
    right: 70.8333333333%;
  }
  .vft-col-md-push-17 {
    position: relative;
    left: 70.8333333333%;
  }
  .vft-col-md-18 {
    display: block;
    max-width: 75%;
    flex: 0 0 75%;
  }
  .vft-col-md-offset-18 {
    margin-left: 75%;
  }
  .vft-col-md-pull-18 {
    position: relative;
    right: 75%;
  }
  .vft-col-md-push-18 {
    position: relative;
    left: 75%;
  }
  .vft-col-md-19 {
    display: block;
    max-width: 79.1666666667%;
    flex: 0 0 79.1666666667%;
  }
  .vft-col-md-offset-19 {
    margin-left: 79.1666666667%;
  }
  .vft-col-md-pull-19 {
    position: relative;
    right: 79.1666666667%;
  }
  .vft-col-md-push-19 {
    position: relative;
    left: 79.1666666667%;
  }
  .vft-col-md-20 {
    display: block;
    max-width: 83.3333333333%;
    flex: 0 0 83.3333333333%;
  }
  .vft-col-md-offset-20 {
    margin-left: 83.3333333333%;
  }
  .vft-col-md-pull-20 {
    position: relative;
    right: 83.3333333333%;
  }
  .vft-col-md-push-20 {
    position: relative;
    left: 83.3333333333%;
  }
  .vft-col-md-21 {
    display: block;
    max-width: 87.5%;
    flex: 0 0 87.5%;
  }
  .vft-col-md-offset-21 {
    margin-left: 87.5%;
  }
  .vft-col-md-pull-21 {
    position: relative;
    right: 87.5%;
  }
  .vft-col-md-push-21 {
    position: relative;
    left: 87.5%;
  }
  .vft-col-md-22 {
    display: block;
    max-width: 91.6666666667%;
    flex: 0 0 91.6666666667%;
  }
  .vft-col-md-offset-22 {
    margin-left: 91.6666666667%;
  }
  .vft-col-md-pull-22 {
    position: relative;
    right: 91.6666666667%;
  }
  .vft-col-md-push-22 {
    position: relative;
    left: 91.6666666667%;
  }
  .vft-col-md-23 {
    display: block;
    max-width: 95.8333333333%;
    flex: 0 0 95.8333333333%;
  }
  .vft-col-md-offset-23 {
    margin-left: 95.8333333333%;
  }
  .vft-col-md-pull-23 {
    position: relative;
    right: 95.8333333333%;
  }
  .vft-col-md-push-23 {
    position: relative;
    left: 95.8333333333%;
  }
  .vft-col-md-24 {
    display: block;
    max-width: 100%;
    flex: 0 0 100%;
  }
  .vft-col-md-offset-24 {
    margin-left: 100%;
  }
  .vft-col-md-pull-24 {
    position: relative;
    right: 100%;
  }
  .vft-col-md-push-24 {
    position: relative;
    left: 100%;
  }
  .vft-col-md-0 {
    display: none;
  }
  .vft-col-md-0.is-guttered {
    display: none;
  }
}
@media only screen and (min-width: 1200px) {
  .vft-col-lg-0 {
    max-width: 0%;
    flex: 0 0 0%;
  }
  .vft-col-lg-offset-0 {
    margin-left: 0%;
  }
  .vft-col-lg-pull-0 {
    position: relative;
    right: 0%;
  }
  .vft-col-lg-push-0 {
    position: relative;
    left: 0%;
  }
  .vft-col-lg-1 {
    display: block;
    max-width: 4.1666666667%;
    flex: 0 0 4.1666666667%;
  }
  .vft-col-lg-offset-1 {
    margin-left: 4.1666666667%;
  }
  .vft-col-lg-pull-1 {
    position: relative;
    right: 4.1666666667%;
  }
  .vft-col-lg-push-1 {
    position: relative;
    left: 4.1666666667%;
  }
  .vft-col-lg-2 {
    display: block;
    max-width: 8.3333333333%;
    flex: 0 0 8.3333333333%;
  }
  .vft-col-lg-offset-2 {
    margin-left: 8.3333333333%;
  }
  .vft-col-lg-pull-2 {
    position: relative;
    right: 8.3333333333%;
  }
  .vft-col-lg-push-2 {
    position: relative;
    left: 8.3333333333%;
  }
  .vft-col-lg-3 {
    display: block;
    max-width: 12.5%;
    flex: 0 0 12.5%;
  }
  .vft-col-lg-offset-3 {
    margin-left: 12.5%;
  }
  .vft-col-lg-pull-3 {
    position: relative;
    right: 12.5%;
  }
  .vft-col-lg-push-3 {
    position: relative;
    left: 12.5%;
  }
  .vft-col-lg-4 {
    display: block;
    max-width: 16.6666666667%;
    flex: 0 0 16.6666666667%;
  }
  .vft-col-lg-offset-4 {
    margin-left: 16.6666666667%;
  }
  .vft-col-lg-pull-4 {
    position: relative;
    right: 16.6666666667%;
  }
  .vft-col-lg-push-4 {
    position: relative;
    left: 16.6666666667%;
  }
  .vft-col-lg-5 {
    display: block;
    max-width: 20.8333333333%;
    flex: 0 0 20.8333333333%;
  }
  .vft-col-lg-offset-5 {
    margin-left: 20.8333333333%;
  }
  .vft-col-lg-pull-5 {
    position: relative;
    right: 20.8333333333%;
  }
  .vft-col-lg-push-5 {
    position: relative;
    left: 20.8333333333%;
  }
  .vft-col-lg-6 {
    display: block;
    max-width: 25%;
    flex: 0 0 25%;
  }
  .vft-col-lg-offset-6 {
    margin-left: 25%;
  }
  .vft-col-lg-pull-6 {
    position: relative;
    right: 25%;
  }
  .vft-col-lg-push-6 {
    position: relative;
    left: 25%;
  }
  .vft-col-lg-7 {
    display: block;
    max-width: 29.1666666667%;
    flex: 0 0 29.1666666667%;
  }
  .vft-col-lg-offset-7 {
    margin-left: 29.1666666667%;
  }
  .vft-col-lg-pull-7 {
    position: relative;
    right: 29.1666666667%;
  }
  .vft-col-lg-push-7 {
    position: relative;
    left: 29.1666666667%;
  }
  .vft-col-lg-8 {
    display: block;
    max-width: 33.3333333333%;
    flex: 0 0 33.3333333333%;
  }
  .vft-col-lg-offset-8 {
    margin-left: 33.3333333333%;
  }
  .vft-col-lg-pull-8 {
    position: relative;
    right: 33.3333333333%;
  }
  .vft-col-lg-push-8 {
    position: relative;
    left: 33.3333333333%;
  }
  .vft-col-lg-9 {
    display: block;
    max-width: 37.5%;
    flex: 0 0 37.5%;
  }
  .vft-col-lg-offset-9 {
    margin-left: 37.5%;
  }
  .vft-col-lg-pull-9 {
    position: relative;
    right: 37.5%;
  }
  .vft-col-lg-push-9 {
    position: relative;
    left: 37.5%;
  }
  .vft-col-lg-10 {
    display: block;
    max-width: 41.6666666667%;
    flex: 0 0 41.6666666667%;
  }
  .vft-col-lg-offset-10 {
    margin-left: 41.6666666667%;
  }
  .vft-col-lg-pull-10 {
    position: relative;
    right: 41.6666666667%;
  }
  .vft-col-lg-push-10 {
    position: relative;
    left: 41.6666666667%;
  }
  .vft-col-lg-11 {
    display: block;
    max-width: 45.8333333333%;
    flex: 0 0 45.8333333333%;
  }
  .vft-col-lg-offset-11 {
    margin-left: 45.8333333333%;
  }
  .vft-col-lg-pull-11 {
    position: relative;
    right: 45.8333333333%;
  }
  .vft-col-lg-push-11 {
    position: relative;
    left: 45.8333333333%;
  }
  .vft-col-lg-12 {
    display: block;
    max-width: 50%;
    flex: 0 0 50%;
  }
  .vft-col-lg-offset-12 {
    margin-left: 50%;
  }
  .vft-col-lg-pull-12 {
    position: relative;
    right: 50%;
  }
  .vft-col-lg-push-12 {
    position: relative;
    left: 50%;
  }
  .vft-col-lg-13 {
    display: block;
    max-width: 54.1666666667%;
    flex: 0 0 54.1666666667%;
  }
  .vft-col-lg-offset-13 {
    margin-left: 54.1666666667%;
  }
  .vft-col-lg-pull-13 {
    position: relative;
    right: 54.1666666667%;
  }
  .vft-col-lg-push-13 {
    position: relative;
    left: 54.1666666667%;
  }
  .vft-col-lg-14 {
    display: block;
    max-width: 58.3333333333%;
    flex: 0 0 58.3333333333%;
  }
  .vft-col-lg-offset-14 {
    margin-left: 58.3333333333%;
  }
  .vft-col-lg-pull-14 {
    position: relative;
    right: 58.3333333333%;
  }
  .vft-col-lg-push-14 {
    position: relative;
    left: 58.3333333333%;
  }
  .vft-col-lg-15 {
    display: block;
    max-width: 62.5%;
    flex: 0 0 62.5%;
  }
  .vft-col-lg-offset-15 {
    margin-left: 62.5%;
  }
  .vft-col-lg-pull-15 {
    position: relative;
    right: 62.5%;
  }
  .vft-col-lg-push-15 {
    position: relative;
    left: 62.5%;
  }
  .vft-col-lg-16 {
    display: block;
    max-width: 66.6666666667%;
    flex: 0 0 66.6666666667%;
  }
  .vft-col-lg-offset-16 {
    margin-left: 66.6666666667%;
  }
  .vft-col-lg-pull-16 {
    position: relative;
    right: 66.6666666667%;
  }
  .vft-col-lg-push-16 {
    position: relative;
    left: 66.6666666667%;
  }
  .vft-col-lg-17 {
    display: block;
    max-width: 70.8333333333%;
    flex: 0 0 70.8333333333%;
  }
  .vft-col-lg-offset-17 {
    margin-left: 70.8333333333%;
  }
  .vft-col-lg-pull-17 {
    position: relative;
    right: 70.8333333333%;
  }
  .vft-col-lg-push-17 {
    position: relative;
    left: 70.8333333333%;
  }
  .vft-col-lg-18 {
    display: block;
    max-width: 75%;
    flex: 0 0 75%;
  }
  .vft-col-lg-offset-18 {
    margin-left: 75%;
  }
  .vft-col-lg-pull-18 {
    position: relative;
    right: 75%;
  }
  .vft-col-lg-push-18 {
    position: relative;
    left: 75%;
  }
  .vft-col-lg-19 {
    display: block;
    max-width: 79.1666666667%;
    flex: 0 0 79.1666666667%;
  }
  .vft-col-lg-offset-19 {
    margin-left: 79.1666666667%;
  }
  .vft-col-lg-pull-19 {
    position: relative;
    right: 79.1666666667%;
  }
  .vft-col-lg-push-19 {
    position: relative;
    left: 79.1666666667%;
  }
  .vft-col-lg-20 {
    display: block;
    max-width: 83.3333333333%;
    flex: 0 0 83.3333333333%;
  }
  .vft-col-lg-offset-20 {
    margin-left: 83.3333333333%;
  }
  .vft-col-lg-pull-20 {
    position: relative;
    right: 83.3333333333%;
  }
  .vft-col-lg-push-20 {
    position: relative;
    left: 83.3333333333%;
  }
  .vft-col-lg-21 {
    display: block;
    max-width: 87.5%;
    flex: 0 0 87.5%;
  }
  .vft-col-lg-offset-21 {
    margin-left: 87.5%;
  }
  .vft-col-lg-pull-21 {
    position: relative;
    right: 87.5%;
  }
  .vft-col-lg-push-21 {
    position: relative;
    left: 87.5%;
  }
  .vft-col-lg-22 {
    display: block;
    max-width: 91.6666666667%;
    flex: 0 0 91.6666666667%;
  }
  .vft-col-lg-offset-22 {
    margin-left: 91.6666666667%;
  }
  .vft-col-lg-pull-22 {
    position: relative;
    right: 91.6666666667%;
  }
  .vft-col-lg-push-22 {
    position: relative;
    left: 91.6666666667%;
  }
  .vft-col-lg-23 {
    display: block;
    max-width: 95.8333333333%;
    flex: 0 0 95.8333333333%;
  }
  .vft-col-lg-offset-23 {
    margin-left: 95.8333333333%;
  }
  .vft-col-lg-pull-23 {
    position: relative;
    right: 95.8333333333%;
  }
  .vft-col-lg-push-23 {
    position: relative;
    left: 95.8333333333%;
  }
  .vft-col-lg-24 {
    display: block;
    max-width: 100%;
    flex: 0 0 100%;
  }
  .vft-col-lg-offset-24 {
    margin-left: 100%;
  }
  .vft-col-lg-pull-24 {
    position: relative;
    right: 100%;
  }
  .vft-col-lg-push-24 {
    position: relative;
    left: 100%;
  }
  .vft-col-lg-0 {
    display: none;
  }
  .vft-col-lg-0.is-guttered {
    display: none;
  }
}
@media only screen and (min-width: 1920px) {
  .vft-col-xl-0 {
    max-width: 0%;
    flex: 0 0 0%;
  }
  .vft-col-xl-offset-0 {
    margin-left: 0%;
  }
  .vft-col-xl-pull-0 {
    position: relative;
    right: 0%;
  }
  .vft-col-xl-push-0 {
    position: relative;
    left: 0%;
  }
  .vft-col-xl-1 {
    display: block;
    max-width: 4.1666666667%;
    flex: 0 0 4.1666666667%;
  }
  .vft-col-xl-offset-1 {
    margin-left: 4.1666666667%;
  }
  .vft-col-xl-pull-1 {
    position: relative;
    right: 4.1666666667%;
  }
  .vft-col-xl-push-1 {
    position: relative;
    left: 4.1666666667%;
  }
  .vft-col-xl-2 {
    display: block;
    max-width: 8.3333333333%;
    flex: 0 0 8.3333333333%;
  }
  .vft-col-xl-offset-2 {
    margin-left: 8.3333333333%;
  }
  .vft-col-xl-pull-2 {
    position: relative;
    right: 8.3333333333%;
  }
  .vft-col-xl-push-2 {
    position: relative;
    left: 8.3333333333%;
  }
  .vft-col-xl-3 {
    display: block;
    max-width: 12.5%;
    flex: 0 0 12.5%;
  }
  .vft-col-xl-offset-3 {
    margin-left: 12.5%;
  }
  .vft-col-xl-pull-3 {
    position: relative;
    right: 12.5%;
  }
  .vft-col-xl-push-3 {
    position: relative;
    left: 12.5%;
  }
  .vft-col-xl-4 {
    display: block;
    max-width: 16.6666666667%;
    flex: 0 0 16.6666666667%;
  }
  .vft-col-xl-offset-4 {
    margin-left: 16.6666666667%;
  }
  .vft-col-xl-pull-4 {
    position: relative;
    right: 16.6666666667%;
  }
  .vft-col-xl-push-4 {
    position: relative;
    left: 16.6666666667%;
  }
  .vft-col-xl-5 {
    display: block;
    max-width: 20.8333333333%;
    flex: 0 0 20.8333333333%;
  }
  .vft-col-xl-offset-5 {
    margin-left: 20.8333333333%;
  }
  .vft-col-xl-pull-5 {
    position: relative;
    right: 20.8333333333%;
  }
  .vft-col-xl-push-5 {
    position: relative;
    left: 20.8333333333%;
  }
  .vft-col-xl-6 {
    display: block;
    max-width: 25%;
    flex: 0 0 25%;
  }
  .vft-col-xl-offset-6 {
    margin-left: 25%;
  }
  .vft-col-xl-pull-6 {
    position: relative;
    right: 25%;
  }
  .vft-col-xl-push-6 {
    position: relative;
    left: 25%;
  }
  .vft-col-xl-7 {
    display: block;
    max-width: 29.1666666667%;
    flex: 0 0 29.1666666667%;
  }
  .vft-col-xl-offset-7 {
    margin-left: 29.1666666667%;
  }
  .vft-col-xl-pull-7 {
    position: relative;
    right: 29.1666666667%;
  }
  .vft-col-xl-push-7 {
    position: relative;
    left: 29.1666666667%;
  }
  .vft-col-xl-8 {
    display: block;
    max-width: 33.3333333333%;
    flex: 0 0 33.3333333333%;
  }
  .vft-col-xl-offset-8 {
    margin-left: 33.3333333333%;
  }
  .vft-col-xl-pull-8 {
    position: relative;
    right: 33.3333333333%;
  }
  .vft-col-xl-push-8 {
    position: relative;
    left: 33.3333333333%;
  }
  .vft-col-xl-9 {
    display: block;
    max-width: 37.5%;
    flex: 0 0 37.5%;
  }
  .vft-col-xl-offset-9 {
    margin-left: 37.5%;
  }
  .vft-col-xl-pull-9 {
    position: relative;
    right: 37.5%;
  }
  .vft-col-xl-push-9 {
    position: relative;
    left: 37.5%;
  }
  .vft-col-xl-10 {
    display: block;
    max-width: 41.6666666667%;
    flex: 0 0 41.6666666667%;
  }
  .vft-col-xl-offset-10 {
    margin-left: 41.6666666667%;
  }
  .vft-col-xl-pull-10 {
    position: relative;
    right: 41.6666666667%;
  }
  .vft-col-xl-push-10 {
    position: relative;
    left: 41.6666666667%;
  }
  .vft-col-xl-11 {
    display: block;
    max-width: 45.8333333333%;
    flex: 0 0 45.8333333333%;
  }
  .vft-col-xl-offset-11 {
    margin-left: 45.8333333333%;
  }
  .vft-col-xl-pull-11 {
    position: relative;
    right: 45.8333333333%;
  }
  .vft-col-xl-push-11 {
    position: relative;
    left: 45.8333333333%;
  }
  .vft-col-xl-12 {
    display: block;
    max-width: 50%;
    flex: 0 0 50%;
  }
  .vft-col-xl-offset-12 {
    margin-left: 50%;
  }
  .vft-col-xl-pull-12 {
    position: relative;
    right: 50%;
  }
  .vft-col-xl-push-12 {
    position: relative;
    left: 50%;
  }
  .vft-col-xl-13 {
    display: block;
    max-width: 54.1666666667%;
    flex: 0 0 54.1666666667%;
  }
  .vft-col-xl-offset-13 {
    margin-left: 54.1666666667%;
  }
  .vft-col-xl-pull-13 {
    position: relative;
    right: 54.1666666667%;
  }
  .vft-col-xl-push-13 {
    position: relative;
    left: 54.1666666667%;
  }
  .vft-col-xl-14 {
    display: block;
    max-width: 58.3333333333%;
    flex: 0 0 58.3333333333%;
  }
  .vft-col-xl-offset-14 {
    margin-left: 58.3333333333%;
  }
  .vft-col-xl-pull-14 {
    position: relative;
    right: 58.3333333333%;
  }
  .vft-col-xl-push-14 {
    position: relative;
    left: 58.3333333333%;
  }
  .vft-col-xl-15 {
    display: block;
    max-width: 62.5%;
    flex: 0 0 62.5%;
  }
  .vft-col-xl-offset-15 {
    margin-left: 62.5%;
  }
  .vft-col-xl-pull-15 {
    position: relative;
    right: 62.5%;
  }
  .vft-col-xl-push-15 {
    position: relative;
    left: 62.5%;
  }
  .vft-col-xl-16 {
    display: block;
    max-width: 66.6666666667%;
    flex: 0 0 66.6666666667%;
  }
  .vft-col-xl-offset-16 {
    margin-left: 66.6666666667%;
  }
  .vft-col-xl-pull-16 {
    position: relative;
    right: 66.6666666667%;
  }
  .vft-col-xl-push-16 {
    position: relative;
    left: 66.6666666667%;
  }
  .vft-col-xl-17 {
    display: block;
    max-width: 70.8333333333%;
    flex: 0 0 70.8333333333%;
  }
  .vft-col-xl-offset-17 {
    margin-left: 70.8333333333%;
  }
  .vft-col-xl-pull-17 {
    position: relative;
    right: 70.8333333333%;
  }
  .vft-col-xl-push-17 {
    position: relative;
    left: 70.8333333333%;
  }
  .vft-col-xl-18 {
    display: block;
    max-width: 75%;
    flex: 0 0 75%;
  }
  .vft-col-xl-offset-18 {
    margin-left: 75%;
  }
  .vft-col-xl-pull-18 {
    position: relative;
    right: 75%;
  }
  .vft-col-xl-push-18 {
    position: relative;
    left: 75%;
  }
  .vft-col-xl-19 {
    display: block;
    max-width: 79.1666666667%;
    flex: 0 0 79.1666666667%;
  }
  .vft-col-xl-offset-19 {
    margin-left: 79.1666666667%;
  }
  .vft-col-xl-pull-19 {
    position: relative;
    right: 79.1666666667%;
  }
  .vft-col-xl-push-19 {
    position: relative;
    left: 79.1666666667%;
  }
  .vft-col-xl-20 {
    display: block;
    max-width: 83.3333333333%;
    flex: 0 0 83.3333333333%;
  }
  .vft-col-xl-offset-20 {
    margin-left: 83.3333333333%;
  }
  .vft-col-xl-pull-20 {
    position: relative;
    right: 83.3333333333%;
  }
  .vft-col-xl-push-20 {
    position: relative;
    left: 83.3333333333%;
  }
  .vft-col-xl-21 {
    display: block;
    max-width: 87.5%;
    flex: 0 0 87.5%;
  }
  .vft-col-xl-offset-21 {
    margin-left: 87.5%;
  }
  .vft-col-xl-pull-21 {
    position: relative;
    right: 87.5%;
  }
  .vft-col-xl-push-21 {
    position: relative;
    left: 87.5%;
  }
  .vft-col-xl-22 {
    display: block;
    max-width: 91.6666666667%;
    flex: 0 0 91.6666666667%;
  }
  .vft-col-xl-offset-22 {
    margin-left: 91.6666666667%;
  }
  .vft-col-xl-pull-22 {
    position: relative;
    right: 91.6666666667%;
  }
  .vft-col-xl-push-22 {
    position: relative;
    left: 91.6666666667%;
  }
  .vft-col-xl-23 {
    display: block;
    max-width: 95.8333333333%;
    flex: 0 0 95.8333333333%;
  }
  .vft-col-xl-offset-23 {
    margin-left: 95.8333333333%;
  }
  .vft-col-xl-pull-23 {
    position: relative;
    right: 95.8333333333%;
  }
  .vft-col-xl-push-23 {
    position: relative;
    left: 95.8333333333%;
  }
  .vft-col-xl-24 {
    display: block;
    max-width: 100%;
    flex: 0 0 100%;
  }
  .vft-col-xl-offset-24 {
    margin-left: 100%;
  }
  .vft-col-xl-pull-24 {
    position: relative;
    right: 100%;
  }
  .vft-col-xl-push-24 {
    position: relative;
    left: 100%;
  }
  .vft-col-xl-0 {
    display: none;
  }
  .vft-col-xl-0.is-guttered {
    display: none;
  }
}.vft-fade-in-linear-enter-active,
.vft-fade-in-linear-leave-active {
  transition: var(--vft-transition-fade-linear);
}

.vft-fade-in-linear-enter-from,
.vft-fade-in-linear-leave-to {
  opacity: 0;
}

.vft-fade-in-enter-active,
.vft-fade-in-leave-active {
  transition: all var(--vft-transition-duration) cubic-bezier(0.55, 0, 0.1, 1);
}

.vft-fade-in-enter-from,
.vft-fade-in-leave-active {
  opacity: 0;
}

.vft-zoom-in-center-enter-active,
.vft-zoom-in-center-leave-active {
  transition: all var(--vft-transition-duration) cubic-bezier(0.55, 0, 0.1, 1);
}

.vft-zoom-in-center-enter-from,
.vft-zoom-in-center-leave-active {
  transform: scaleX(0);
  opacity: 0;
}

.vft-zoom-in-top-enter-active,
.vft-zoom-in-top-leave-active {
  transition: var(--vft-transition-md-fade);
  transform: scaleY(1);
  transform-origin: center top;
  opacity: 1;
}
.vft-zoom-in-top-enter-active[data-popper-placement^=top],
.vft-zoom-in-top-leave-active[data-popper-placement^=top] {
  transform-origin: center bottom;
}

.vft-zoom-in-top-enter-from,
.vft-zoom-in-top-leave-active {
  transform: scaleY(0);
  opacity: 0;
}

.vft-zoom-in-top-fast-enter-active {
  transition: var(--vft-transition-md-fade);
  transform: scaleY(1);
  transform-origin: center top;
  opacity: 1;
}
.vft-zoom-in-top-fast-enter-active[data-popper-placement^=top] {
  transform-origin: center bottom;
}

.vft-zoom-in-top-fast-leave-active {
  transform: scaleY(1);
  transform-origin: center top;
  opacity: 1;
}
.vft-zoom-in-top-fast-leave-active[data-popper-placement^=top] {
  transform-origin: center bottom;
}

.vft-zoom-in-top-fast-enter-from,
.vft-zoom-in-top-fast-leave-active {
  transform: scaleY(0);
  opacity: 0;
}

.vft-zoom-in-bottom-enter-active,
.vft-zoom-in-bottom-leave-active {
  transform: scaleY(1);
  transform-origin: center bottom;
  transition: var(--vft-transition-md-fade);
  opacity: 1;
}

.vft-zoom-in-bottom-enter-from,
.vft-zoom-in-bottom-leave-active {
  transform: scaleY(0);
  opacity: 0;
}

.vft-zoom-in-left-enter-active,
.vft-zoom-in-left-leave-active {
  transform: scale(1, 1);
  transform-origin: top left;
  transition: var(--vft-transition-md-fade);
  opacity: 1;
}

.vft-zoom-in-left-enter-from,
.vft-zoom-in-left-leave-active {
  transform: scale(0.45, 0.45);
  opacity: 0;
}

.collapse-transition {
  transition: var(--vft-transition-duration) height ease-in-out, var(--vft-transition-duration) padding-top ease-in-out, var(--vft-transition-duration) padding-bottom ease-in-out;
}

.vft-collapse-transition-leave-active,
.vft-collapse-transition-enter-active {
  transition: var(--vft-transition-duration) max-height ease-in-out, var(--vft-transition-duration) padding-top ease-in-out, var(--vft-transition-duration) padding-bottom ease-in-out;
}

.horizontal-collapse-transition {
  transition: var(--vft-transition-duration) width ease-in-out, var(--vft-transition-duration) padding-left ease-in-out, var(--vft-transition-duration) padding-right ease-in-out;
}

.vft-list-enter-active,
.vft-list-leave-active {
  transition: all 1s;
}

.vft-list-enter-from,
.vft-list-leave-to {
  transform: translateY(-1.875rem);
  opacity: 0;
}

.vft-list-leave-active {
  position: absolute !important;
}

.vft-opacity-transition {
  transition: opacity var(--vft-transition-duration) cubic-bezier(0.55, 0, 0.1, 1);
}

@keyframes vft-rotate {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes vft-loading-dot {
  33% {
    transform: translateY(-2em);
  }
  66% {
    transform: translateY(-1em);
  }
}
.vft-form {
  --vft-form-label-font-size: var(--vft-font-size-base);
}
.vft-form--label-left .vft-form-item__label {
  justify-content: flex-start;
}

.vft-form--label-top .vft-form-item {
  display: block;
}
.vft-form--label-top .vft-form-item .vft-form-item__label {
  display: block;
  height: auto;
  margin-bottom: 0.5rem;
  line-height: 1.375rem;
  text-align: left;
}

.vft-form--inline .vft-form-item {
  display: inline-flex;
  margin-right: 2rem;
  vertical-align: middle;
}
.vft-form--inline.vft-form--label-top {
  display: flex;
  flex-wrap: wrap;
}
.vft-form--inline.vft-form--label-top .vft-form-item {
  display: block;
}

.vft-form--large.vft-form--label-top .vft-form-item .vft-form-item__label {
  margin-bottom: 0.75rem;
  line-height: 1.375rem;
}

.vft-form--default.vft-form--label-top .vft-form-item .vft-form-item__label {
  margin-bottom: 0.5rem;
  line-height: 1.375rem;
}

.vft-form--small.vft-form--label-top .vft-form-item .vft-form-item__label {
  margin-bottom: 0.25rem;
  line-height: 1.25rem;
}

.vft-form-item {
  display: flex;
  --font-size: 0.875rem;
  margin-bottom: 1.125rem;
}
.vft-form-item .vft-form-item {
  margin-bottom: 0;
}
.vft-form-item .vft-input__validateIcon {
  display: none;
}
.vft-form-item--large {
  --font-size: 0.875rem;
  --vft-form-label-font-size: var(--font-size);
  margin-bottom: 1.375rem;
}
.vft-form-item--large .vft-form-item__label {
  height: 2.5rem;
  line-height: 2.5rem;
}

.vft-form-item--large .vft-form-item__content {
  line-height: 2.5rem;
}

.vft-form-item--large .vft-form-item__error {
  padding-top: 0.25rem;
}

.vft-form-item--default {
  --font-size: 0.875rem;
  --vft-form-label-font-size: var(--font-size);
  margin-bottom: 1.125rem;
}
.vft-form-item--default .vft-form-item__label {
  height: 2rem;
  line-height: 2rem;
}

.vft-form-item--default .vft-form-item__content {
  line-height: 2rem;
}

.vft-form-item--default .vft-form-item__error {
  padding-top: 0.125rem;
}

.vft-form-item--small {
  --font-size: 0.75rem;
  --vft-form-label-font-size: var(--font-size);
  margin-bottom: 1.125rem;
}
.vft-form-item--small .vft-form-item__label {
  height: 1.5rem;
  line-height: 1.5rem;
}

.vft-form-item--small .vft-form-item__content {
  line-height: 1.5rem;
}

.vft-form-item--small .vft-form-item__error {
  padding-top: 0.125rem;
}

.vft-form-item--label-left .vft-form-item__label {
  justify-content: flex-start;
  text-align: left;
}

.vft-form-item--label-right .vft-form-item__label {
  justify-content: flex-end;
  text-align: right;
}

.vft-form-item--label-top {
  display: block;
}
.vft-form-item--label-top .vft-form-item__label {
  display: block;
  width: -moz-fit-content;
  width: fit-content;
  height: auto;
  margin-bottom: 0.5rem;
  line-height: 1.375rem;
  text-align: left;
}

.vft-form-item__label-wrap {
  display: flex;
}

.vft-form-item__label {
  display: inline-flex;
  box-sizing: border-box;
  flex: 0 0 auto;
  align-items: flex-start;
  height: 2rem;
  padding: 0 0.75rem 0 0;
  color: var(--vft-text-regular-color);
  font-size: var(--vft-form-label-font-size);
  line-height: 2rem;
}

.vft-form-item__content {
  display: flex;
  position: relative;
  flex: 1;
  flex-wrap: wrap;
  align-items: center;
  min-width: 0;
  font-size: var(--font-size);
  line-height: 2rem;
}
.vft-form-item__content .vft-input-group {
  vertical-align: top;
}

.vft-form-item__error {
  position: absolute;
  top: 100%;
  left: 0;
  padding-top: 0.125rem;
  color: var(--vft-danger-color);
  font-size: 0.75rem;
  line-height: 1;
}
.vft-form-item__error--inline {
  display: inline-block;
  position: relative;
  top: auto;
  left: auto;
  margin-left: 0.625rem;
}

.vft-form-item.is-required:not(.is-no-asterisk).asterisk-left > .vft-form-item__label:before,
.vft-form-item.is-required:not(.is-no-asterisk).asterisk-left > .vft-form-item__label-wrap > .vft-form-item__label:before {
  content: "*";
  margin-right: 0.25rem;
  color: var(--vft-danger-color);
}
.vft-form-item.is-required:not(.is-no-asterisk).asterisk-right > .vft-form-item__label:after,
.vft-form-item.is-required:not(.is-no-asterisk).asterisk-right > .vft-form-item__label-wrap > .vft-form-item__label:after {
  content: "*";
  margin-left: 0.25rem;
  color: var(--vft-danger-color);
}

.vft-form-item.is-error .vft-form-item__content .vft-input__wrapper, .vft-form-item.is-error .vft-form-item__content .vft-input__wrapper:hover, .vft-form-item.is-error .vft-form-item__content .vft-input__wrapper:focus, .vft-form-item.is-error .vft-form-item__content .vft-input__wrapper.is-focus,
.vft-form-item.is-error .vft-form-item__content .vft-textarea__inner,
.vft-form-item.is-error .vft-form-item__content .vft-textarea__inner:hover,
.vft-form-item.is-error .vft-form-item__content .vft-textarea__inner:focus,
.vft-form-item.is-error .vft-form-item__content .vft-textarea__inner.is-focus,
.vft-form-item.is-error .vft-form-item__content .vft-select__wrapper,
.vft-form-item.is-error .vft-form-item__content .vft-select__wrapper:hover,
.vft-form-item.is-error .vft-form-item__content .vft-select__wrapper:focus,
.vft-form-item.is-error .vft-form-item__content .vft-select__wrapper.is-focus,
.vft-form-item.is-error .vft-form-item__content .vft-input-tag__wrapper,
.vft-form-item.is-error .vft-form-item__content .vft-input-tag__wrapper:hover,
.vft-form-item.is-error .vft-form-item__content .vft-input-tag__wrapper:focus,
.vft-form-item.is-error .vft-form-item__content .vft-input-tag__wrapper.is-focus {
  border-color: var(--vft-danger-color);
  box-shadow: none;
}
.vft-form-item.is-error .vft-form-item__content .vft-input-group__append .vft-input__wrapper,
.vft-form-item.is-error .vft-form-item__content .vft-input-group__prepend .vft-input__wrapper {
  box-shadow: none;
}
.vft-form-item.is-error .vft-form-item__content .vft-input-group__append .vft-input__validateIcon,
.vft-form-item.is-error .vft-form-item__content .vft-input-group__prepend .vft-input__validateIcon {
  display: none;
}
.vft-form-item.is-error .vft-form-item__content .vft-input__validateIcon {
  color: var(--vft-danger-color);
}

.vft-form-item--feedback .vft-input__validateIcon {
  display: inline-flex;
}.vft-fade-in-linear-enter-active,
.vft-fade-in-linear-leave-active {
  transition: var(--vft-transition-fade-linear);
}

.vft-fade-in-linear-enter-from,
.vft-fade-in-linear-leave-to {
  opacity: 0;
}

.vft-fade-in-enter-active,
.vft-fade-in-leave-active {
  transition: all var(--vft-transition-duration) cubic-bezier(0.55, 0, 0.1, 1);
}

.vft-fade-in-enter-from,
.vft-fade-in-leave-active {
  opacity: 0;
}

.vft-zoom-in-center-enter-active,
.vft-zoom-in-center-leave-active {
  transition: all var(--vft-transition-duration) cubic-bezier(0.55, 0, 0.1, 1);
}

.vft-zoom-in-center-enter-from,
.vft-zoom-in-center-leave-active {
  transform: scaleX(0);
  opacity: 0;
}

.vft-zoom-in-top-enter-active,
.vft-zoom-in-top-leave-active {
  transition: var(--vft-transition-md-fade);
  transform: scaleY(1);
  transform-origin: center top;
  opacity: 1;
}
.vft-zoom-in-top-enter-active[data-popper-placement^=top],
.vft-zoom-in-top-leave-active[data-popper-placement^=top] {
  transform-origin: center bottom;
}

.vft-zoom-in-top-enter-from,
.vft-zoom-in-top-leave-active {
  transform: scaleY(0);
  opacity: 0;
}

.vft-zoom-in-top-fast-enter-active {
  transition: var(--vft-transition-md-fade);
  transform: scaleY(1);
  transform-origin: center top;
  opacity: 1;
}
.vft-zoom-in-top-fast-enter-active[data-popper-placement^=top] {
  transform-origin: center bottom;
}

.vft-zoom-in-top-fast-leave-active {
  transform: scaleY(1);
  transform-origin: center top;
  opacity: 1;
}
.vft-zoom-in-top-fast-leave-active[data-popper-placement^=top] {
  transform-origin: center bottom;
}

.vft-zoom-in-top-fast-enter-from,
.vft-zoom-in-top-fast-leave-active {
  transform: scaleY(0);
  opacity: 0;
}

.vft-zoom-in-bottom-enter-active,
.vft-zoom-in-bottom-leave-active {
  transform: scaleY(1);
  transform-origin: center bottom;
  transition: var(--vft-transition-md-fade);
  opacity: 1;
}

.vft-zoom-in-bottom-enter-from,
.vft-zoom-in-bottom-leave-active {
  transform: scaleY(0);
  opacity: 0;
}

.vft-zoom-in-left-enter-active,
.vft-zoom-in-left-leave-active {
  transform: scale(1, 1);
  transform-origin: top left;
  transition: var(--vft-transition-md-fade);
  opacity: 1;
}

.vft-zoom-in-left-enter-from,
.vft-zoom-in-left-leave-active {
  transform: scale(0.45, 0.45);
  opacity: 0;
}

.collapse-transition {
  transition: var(--vft-transition-duration) height ease-in-out, var(--vft-transition-duration) padding-top ease-in-out, var(--vft-transition-duration) padding-bottom ease-in-out;
}

.vft-collapse-transition-leave-active,
.vft-collapse-transition-enter-active {
  transition: var(--vft-transition-duration) max-height ease-in-out, var(--vft-transition-duration) padding-top ease-in-out, var(--vft-transition-duration) padding-bottom ease-in-out;
}

.horizontal-collapse-transition {
  transition: var(--vft-transition-duration) width ease-in-out, var(--vft-transition-duration) padding-left ease-in-out, var(--vft-transition-duration) padding-right ease-in-out;
}

.vft-list-enter-active,
.vft-list-leave-active {
  transition: all 1s;
}

.vft-list-enter-from,
.vft-list-leave-to {
  transform: translateY(-1.875rem);
  opacity: 0;
}

.vft-list-leave-active {
  position: absolute !important;
}

.vft-opacity-transition {
  transition: opacity var(--vft-transition-duration) cubic-bezier(0.55, 0, 0.1, 1);
}

@keyframes vft-rotate {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes vft-loading-dot {
  33% {
    transform: translateY(-2em);
  }
  66% {
    transform: translateY(-1em);
  }
}.vft-fade-in-linear-enter-active,
.vft-fade-in-linear-leave-active {
  transition: var(--vft-transition-fade-linear);
}

.vft-fade-in-linear-enter-from,
.vft-fade-in-linear-leave-to {
  opacity: 0;
}

.vft-fade-in-enter-active,
.vft-fade-in-leave-active {
  transition: all var(--vft-transition-duration) cubic-bezier(0.55, 0, 0.1, 1);
}

.vft-fade-in-enter-from,
.vft-fade-in-leave-active {
  opacity: 0;
}

.vft-zoom-in-center-enter-active,
.vft-zoom-in-center-leave-active {
  transition: all var(--vft-transition-duration) cubic-bezier(0.55, 0, 0.1, 1);
}

.vft-zoom-in-center-enter-from,
.vft-zoom-in-center-leave-active {
  transform: scaleX(0);
  opacity: 0;
}

.vft-zoom-in-top-enter-active,
.vft-zoom-in-top-leave-active {
  transition: var(--vft-transition-md-fade);
  transform: scaleY(1);
  transform-origin: center top;
  opacity: 1;
}
.vft-zoom-in-top-enter-active[data-popper-placement^=top],
.vft-zoom-in-top-leave-active[data-popper-placement^=top] {
  transform-origin: center bottom;
}

.vft-zoom-in-top-enter-from,
.vft-zoom-in-top-leave-active {
  transform: scaleY(0);
  opacity: 0;
}

.vft-zoom-in-top-fast-enter-active {
  transition: var(--vft-transition-md-fade);
  transform: scaleY(1);
  transform-origin: center top;
  opacity: 1;
}
.vft-zoom-in-top-fast-enter-active[data-popper-placement^=top] {
  transform-origin: center bottom;
}

.vft-zoom-in-top-fast-leave-active {
  transform: scaleY(1);
  transform-origin: center top;
  opacity: 1;
}
.vft-zoom-in-top-fast-leave-active[data-popper-placement^=top] {
  transform-origin: center bottom;
}

.vft-zoom-in-top-fast-enter-from,
.vft-zoom-in-top-fast-leave-active {
  transform: scaleY(0);
  opacity: 0;
}

.vft-zoom-in-bottom-enter-active,
.vft-zoom-in-bottom-leave-active {
  transform: scaleY(1);
  transform-origin: center bottom;
  transition: var(--vft-transition-md-fade);
  opacity: 1;
}

.vft-zoom-in-bottom-enter-from,
.vft-zoom-in-bottom-leave-active {
  transform: scaleY(0);
  opacity: 0;
}

.vft-zoom-in-left-enter-active,
.vft-zoom-in-left-leave-active {
  transform: scale(1, 1);
  transform-origin: top left;
  transition: var(--vft-transition-md-fade);
  opacity: 1;
}

.vft-zoom-in-left-enter-from,
.vft-zoom-in-left-leave-active {
  transform: scale(0.45, 0.45);
  opacity: 0;
}

.collapse-transition {
  transition: var(--vft-transition-duration) height ease-in-out, var(--vft-transition-duration) padding-top ease-in-out, var(--vft-transition-duration) padding-bottom ease-in-out;
}

.vft-collapse-transition-leave-active,
.vft-collapse-transition-enter-active {
  transition: var(--vft-transition-duration) max-height ease-in-out, var(--vft-transition-duration) padding-top ease-in-out, var(--vft-transition-duration) padding-bottom ease-in-out;
}

.horizontal-collapse-transition {
  transition: var(--vft-transition-duration) width ease-in-out, var(--vft-transition-duration) padding-left ease-in-out, var(--vft-transition-duration) padding-right ease-in-out;
}

.vft-list-enter-active,
.vft-list-leave-active {
  transition: all 1s;
}

.vft-list-enter-from,
.vft-list-leave-to {
  transform: translateY(-1.875rem);
  opacity: 0;
}

.vft-list-leave-active {
  position: absolute !important;
}

.vft-opacity-transition {
  transition: opacity var(--vft-transition-duration) cubic-bezier(0.55, 0, 0.1, 1);
}

@keyframes vft-rotate {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes vft-loading-dot {
  33% {
    transform: translateY(-2em);
  }
  66% {
    transform: translateY(-1em);
  }
}
.vft-picker__popper {
  --vft-datepicker-border-color: var(--vft-disabled-border-color);
}
.vft-picker__popper.vft-popper {
  border: 0.0625rem solid var(--vft-datepicker-border-color);
  background: var(--vft-bg-color-overlay);
  box-shadow: var(--vft-box-shadow-light);
}
.vft-picker__popper.vft-popper[data-popper-placement^=top] .vft-popper__arrow::before {
  border-top-color: transparent;
  border-left-color: transparent;
}
.vft-picker__popper.vft-popper[data-popper-placement^=bottom] .vft-popper__arrow::before {
  border-bottom-color: transparent;
  border-right-color: transparent;
}
.vft-picker__popper.vft-popper[data-popper-placement^=left] .vft-popper__arrow::before {
  border-left-color: transparent;
  border-bottom-color: transparent;
}
.vft-picker__popper.vft-popper[data-popper-placement^=right] .vft-popper__arrow::before {
  border-right-color: transparent;
  border-top-color: transparent;
}
.vft-picker__popper.vft-popper .vft-popper__arrow::before {
  border: 0.0625rem solid var(--vft-datepicker-border-color);
}

.vft-date-editor {
  --vft-date-editor-width: 13.75rem;
  --vft-date-editor-monthrange-width: 18.75rem;
  --vft-date-editor-daterange-width: 21.875rem;
  --vft-date-editor-datetimerange-width: 25rem;
  --vft-input-width: 100%;
  --vft-input-text-color: var(--vft-text-regular-color);
  --vft-input-border: var(--vft-border);
  --vft-input-hover-border: var(--vft-border-color-hover);
  --vft-input-focus-border: var(--vft-primary-color);
  --vft-input-transparent-border: 0 0 0 0.0625rem transparent inset;
  --vft-input-border-color: var(--vft-border-color);
  --vft-input-border-radius: var(--vft-border-radius-base);
  --vft-input-bg-color: var(--vft-fill-color-blank);
  --vft-input-icon-color: var(--vft-text-placeholder-color);
  --vft-input-placeholder-color: var(--vft-text-placeholder-color);
  --vft-input-hover-border-color: var(--vft-border-color-hover);
  --vft-input-clear-hover-color: var(--vft-text-secondary-color);
  --vft-input-focus-border-color: var(--vft-primary-color);
  position: relative;
  text-align: left;
  vertical-align: middle;
}
.vft-date-editor.vft-input__wrapper {
  border: 0.0625rem solid var(--vft-input-border-color, var(--vft-border-color));
}
.vft-date-editor.vft-input__wrapper:hover {
  border: 0.0625rem solid var(--vft-input-hover-border-color);
}
.vft-date-editor.vft-input, .vft-date-editor.vft-input__wrapper {
  width: var(--vft-date-editor-width);
  height: var(--vft-input-height, var(--vft-component-size));
}
.vft-date-editor--monthrange {
  --vft-date-editor-width: var(--vft-date-editor-monthrange-width);
}

.vft-date-editor--daterange, .vft-date-editor--timerange {
  --vft-date-editor-width: var(--vft-date-editor-daterange-width);
}

.vft-date-editor--datetimerange {
  --vft-date-editor-width: var(--vft-date-editor-datetimerange-width);
}

.vft-date-editor--dates .vft-input__wrapper {
  text-overflow: ellipsis;
  white-space: nowrap;
}

.vft-date-editor .close-icon {
  cursor: pointer;
}
.vft-date-editor .clear-icon {
  cursor: pointer;
}
.vft-date-editor .clear-icon:hover {
  color: var(--vft-text-secondary-color);
}
.vft-date-editor .vft-range__icon {
  height: inherit;
  float: left;
  color: var(--vft-text-placeholder-color);
  font-size: 0.875rem;
}
.vft-date-editor .vft-range__icon svg {
  vertical-align: middle;
}
.vft-date-editor .vft-range-input {
  display: inline-block;
  width: 39%;
  height: 1.875rem;
  margin: 0;
  padding: 0;
  border: none;
  outline: none;
  background-color: transparent;
  color: var(--vft-text-regular-color);
  font-size: var(--vft-font-size-base);
  line-height: 1.875rem;
  text-align: center;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.vft-date-editor .vft-range-input::-moz-placeholder {
  color: var(--vft-text-placeholder-color);
}
.vft-date-editor .vft-range-input::placeholder {
  color: var(--vft-text-placeholder-color);
}
.vft-date-editor .vft-range-separator {
  display: inline-flex;
  flex: 1;
  align-items: center;
  justify-content: center;
  height: 100%;
  margin: 0;
  padding: 0 0.3125rem;
  color: var(--vft-text-primary-color);
  font-size: 0.875rem;
  overflow-wrap: break-word;
}
.vft-date-editor .vft-range__close-icon {
  width: unset;
  height: inherit;
  color: var(--vft-text-placeholder-color);
  font-size: 0.875rem;
  cursor: pointer;
}
.vft-date-editor .vft-range__close-icon:hover {
  color: var(--vft-text-secondary-color);
}
.vft-date-editor .vft-range__close-icon svg {
  vertical-align: middle;
}
.vft-date-editor .vft-range__close-icon--hidden {
  visibility: hidden;
  opacity: 0;
}
.vft-date-editor .icon-clock {
  width: 1em;
  height: 1em;
  background-color: currentcolor;
  -webkit-mask: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="M512 896a384 384 0 1 0 0-768a384 384 0 0 0 0 768zm0 64a448 448 0 1 1 0-896a448 448 0 0 1 0 896z"%2F%3E%3Cpath fill="currentColor" d="M480 256a32 32 0 0 1 32 32v256a32 32 0 0 1-64 0V288a32 32 0 0 1 32-32z"%2F%3E%3Cpath fill="currentColor" d="M480 512h256q32 0 32 32t-32 32H480q-32 0-32-32t32-32z"%2F%3E%3C%2Fsvg%3E') no-repeat;
          mask: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="M512 896a384 384 0 1 0 0-768a384 384 0 0 0 0 768zm0 64a448 448 0 1 1 0-896a448 448 0 0 1 0 896z"%2F%3E%3Cpath fill="currentColor" d="M480 256a32 32 0 0 1 32 32v256a32 32 0 0 1-64 0V288a32 32 0 0 1 32-32z"%2F%3E%3Cpath fill="currentColor" d="M480 512h256q32 0 32 32t-32 32H480q-32 0-32-32t32-32z"%2F%3E%3C%2Fsvg%3E') no-repeat;
  -webkit-mask-size: 100% 100%;
          mask-size: 100% 100%;
}
.vft-date-editor .icon-calendar {
  width: 1em;
  height: 1em;
  background-color: currentcolor;
  -webkit-mask: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="M128 384v512h768V192H768v32a32 32 0 1 1-64 0v-32H320v32a32 32 0 0 1-64 0v-32H128v128h768v64H128zm192-256h384V96a32 32 0 1 1 64 0v32h160a32 32 0 0 1 32 32v768a32 32 0 0 1-32 32H96a32 32 0 0 1-32-32V160a32 32 0 0 1 32-32h160V96a32 32 0 0 1 64 0v32zm-32 384h64a32 32 0 0 1 0 64h-64a32 32 0 0 1 0-64zm0 192h64a32 32 0 1 1 0 64h-64a32 32 0 1 1 0-64zm192-192h64a32 32 0 0 1 0 64h-64a32 32 0 0 1 0-64zm0 192h64a32 32 0 1 1 0 64h-64a32 32 0 1 1 0-64zm192-192h64a32 32 0 1 1 0 64h-64a32 32 0 1 1 0-64zm0 192h64a32 32 0 1 1 0 64h-64a32 32 0 1 1 0-64z"%2F%3E%3C%2Fsvg%3E') no-repeat;
          mask: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="M128 384v512h768V192H768v32a32 32 0 1 1-64 0v-32H320v32a32 32 0 0 1-64 0v-32H128v128h768v64H128zm192-256h384V96a32 32 0 1 1 64 0v32h160a32 32 0 0 1 32 32v768a32 32 0 0 1-32 32H96a32 32 0 0 1-32-32V160a32 32 0 0 1 32-32h160V96a32 32 0 0 1 64 0v32zm-32 384h64a32 32 0 0 1 0 64h-64a32 32 0 0 1 0-64zm0 192h64a32 32 0 1 1 0 64h-64a32 32 0 1 1 0-64zm192-192h64a32 32 0 0 1 0 64h-64a32 32 0 0 1 0-64zm0 192h64a32 32 0 1 1 0 64h-64a32 32 0 1 1 0-64zm192-192h64a32 32 0 1 1 0 64h-64a32 32 0 1 1 0-64zm0 192h64a32 32 0 1 1 0 64h-64a32 32 0 1 1 0-64z"%2F%3E%3C%2Fsvg%3E') no-repeat;
  -webkit-mask-size: 100% 100%;
          mask-size: 100% 100%;
}
.vft-date-editor .icon-circle-close {
  width: 1em;
  height: 1em;
  background-color: currentcolor;
  -webkit-mask: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="m466.752 512l-90.496-90.496a32 32 0 0 1 45.248-45.248L512 466.752l90.496-90.496a32 32 0 1 1 45.248 45.248L557.248 512l90.496 90.496a32 32 0 1 1-45.248 45.248L512 557.248l-90.496 90.496a32 32 0 0 1-45.248-45.248L466.752 512z"%2F%3E%3Cpath fill="currentColor" d="M512 896a384 384 0 1 0 0-768a384 384 0 0 0 0 768zm0 64a448 448 0 1 1 0-896a448 448 0 0 1 0 896z"%2F%3E%3C%2Fsvg%3E') no-repeat;
          mask: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="m466.752 512l-90.496-90.496a32 32 0 0 1 45.248-45.248L512 466.752l90.496-90.496a32 32 0 1 1 45.248 45.248L557.248 512l90.496 90.496a32 32 0 1 1-45.248 45.248L512 557.248l-90.496 90.496a32 32 0 0 1-45.248-45.248L466.752 512z"%2F%3E%3Cpath fill="currentColor" d="M512 896a384 384 0 1 0 0-768a384 384 0 0 0 0 768zm0 64a448 448 0 1 1 0-896a448 448 0 0 1 0 896z"%2F%3E%3C%2Fsvg%3E') no-repeat;
  -webkit-mask-size: 100% 100%;
          mask-size: 100% 100%;
}

.vft-range-editor.vft-input__wrapper {
  display: inline-flex;
  align-items: center;
  padding: 0 0.625rem;
  vertical-align: middle;
}
.vft-range-editor.is-active {
  border: 0.0625rem solid var(--vft-input-focus-border-color);
}
.vft-range-editor.is-active:hover {
  border: 0.0625rem solid var(--vft-input-focus-border-color);
}

.vft-range-editor--large {
  line-height: var(--vft-component-size-large);
}
.vft-range-editor--large.vft-input__wrapper {
  height: var(--vft-component-size-large);
}
.vft-range-editor--large .vft-range-separator {
  font-size: 0.875rem;
  line-height: 2.5rem;
}
.vft-range-editor--large .vft-range-input {
  height: 2.375rem;
  font-size: 0.875rem;
  line-height: 2.375rem;
}

.vft-range-editor--small {
  line-height: var(--vft-component-size-small);
}
.vft-range-editor--small.vft-input__wrapper {
  height: var(--vft-component-size-small);
}
.vft-range-editor--small .vft-range-separator {
  font-size: 0.75rem;
  line-height: 1.5rem;
}
.vft-range-editor--small .vft-range-input {
  height: 1.375rem;
  font-size: 0.75rem;
  line-height: 1.375rem;
}

.vft-range-editor.is-disabled {
  border-color: var(--vft-disabled-border-color);
  background-color: var(--vft-disabled-bg-color);
  color: var(--vft-disabled-text-color);
  cursor: not-allowed;
}
.vft-range-editor.is-disabled:hover, .vft-range-editor.is-disabled:focus {
  border-color: var(--vft-disabled-border-color);
}
.vft-range-editor.is-disabled input {
  background-color: var(--vft-disabled-bg-color);
  color: var(--vft-disabled-text-color);
  cursor: not-allowed;
}
.vft-range-editor.is-disabled input::-moz-placeholder {
  color: var(--vft-text-placeholder-color);
}
.vft-range-editor.is-disabled input::placeholder {
  color: var(--vft-text-placeholder-color);
}
.vft-range-editor.is-disabled .vft-range-separator {
  color: var(--vft-disabled-text-color);
}

.vft-range-editor .icon-clock {
  width: 1em;
  height: 1em;
  background-color: currentcolor;
  -webkit-mask: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="M512 896a384 384 0 1 0 0-768a384 384 0 0 0 0 768zm0 64a448 448 0 1 1 0-896a448 448 0 0 1 0 896z"%2F%3E%3Cpath fill="currentColor" d="M480 256a32 32 0 0 1 32 32v256a32 32 0 0 1-64 0V288a32 32 0 0 1 32-32z"%2F%3E%3Cpath fill="currentColor" d="M480 512h256q32 0 32 32t-32 32H480q-32 0-32-32t32-32z"%2F%3E%3C%2Fsvg%3E') no-repeat;
          mask: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="M512 896a384 384 0 1 0 0-768a384 384 0 0 0 0 768zm0 64a448 448 0 1 1 0-896a448 448 0 0 1 0 896z"%2F%3E%3Cpath fill="currentColor" d="M480 256a32 32 0 0 1 32 32v256a32 32 0 0 1-64 0V288a32 32 0 0 1 32-32z"%2F%3E%3Cpath fill="currentColor" d="M480 512h256q32 0 32 32t-32 32H480q-32 0-32-32t32-32z"%2F%3E%3C%2Fsvg%3E') no-repeat;
  -webkit-mask-size: 100% 100%;
          mask-size: 100% 100%;
}
.vft-range-editor .icon-calendar {
  width: 1em;
  height: 1em;
  background-color: currentcolor;
  -webkit-mask: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="M128 384v512h768V192H768v32a32 32 0 1 1-64 0v-32H320v32a32 32 0 0 1-64 0v-32H128v128h768v64H128zm192-256h384V96a32 32 0 1 1 64 0v32h160a32 32 0 0 1 32 32v768a32 32 0 0 1-32 32H96a32 32 0 0 1-32-32V160a32 32 0 0 1 32-32h160V96a32 32 0 0 1 64 0v32zm-32 384h64a32 32 0 0 1 0 64h-64a32 32 0 0 1 0-64zm0 192h64a32 32 0 1 1 0 64h-64a32 32 0 1 1 0-64zm192-192h64a32 32 0 0 1 0 64h-64a32 32 0 0 1 0-64zm0 192h64a32 32 0 1 1 0 64h-64a32 32 0 1 1 0-64zm192-192h64a32 32 0 1 1 0 64h-64a32 32 0 1 1 0-64zm0 192h64a32 32 0 1 1 0 64h-64a32 32 0 1 1 0-64z"%2F%3E%3C%2Fsvg%3E') no-repeat;
          mask: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="M128 384v512h768V192H768v32a32 32 0 1 1-64 0v-32H320v32a32 32 0 0 1-64 0v-32H128v128h768v64H128zm192-256h384V96a32 32 0 1 1 64 0v32h160a32 32 0 0 1 32 32v768a32 32 0 0 1-32 32H96a32 32 0 0 1-32-32V160a32 32 0 0 1 32-32h160V96a32 32 0 0 1 64 0v32zm-32 384h64a32 32 0 0 1 0 64h-64a32 32 0 0 1 0-64zm0 192h64a32 32 0 1 1 0 64h-64a32 32 0 1 1 0-64zm192-192h64a32 32 0 0 1 0 64h-64a32 32 0 0 1 0-64zm0 192h64a32 32 0 1 1 0 64h-64a32 32 0 1 1 0-64zm192-192h64a32 32 0 1 1 0 64h-64a32 32 0 1 1 0-64zm0 192h64a32 32 0 1 1 0 64h-64a32 32 0 1 1 0-64z"%2F%3E%3C%2Fsvg%3E') no-repeat;
  -webkit-mask-size: 100% 100%;
          mask-size: 100% 100%;
}

.vft-picker-panel {
  border-radius: var(--vft-border-radius-base);
  background: var(--vft-bg-color-overlay);
  color: var(--vft-text-regular-color);
  line-height: 1.875rem;
}
.vft-picker-panel .vft-time-panel {
  margin: 0.3125rem 0;
  border: solid 0.0625rem var(--vft-datepicker-border-color);
  background-color: var(--vft-bg-color-overlay);
  box-shadow: var(--vft-box-shadow-light);
}
.vft-picker-panel__body::after, .vft-picker-panel__body-wrapper::after {
  content: "";
  display: table;
  clear: both;
}

.vft-picker-panel__content {
  position: relative;
  margin: 0.9375rem;
}

.vft-picker-panel__footer {
  position: relative;
  padding: 0.25rem 0.75rem;
  border-top: 0.0625rem solid var(--vft-datepicker-inner-border-color);
  background-color: var(--vft-bg-color-overlay);
  font-size: 0;
  text-align: right;
}

.vft-picker-panel__shortcut {
  display: block;
  width: 100%;
  padding-left: 0.75rem;
  border: 0;
  outline: none;
  background-color: transparent;
  color: var(--vft-datepicker-text-color);
  font-size: 0.875rem;
  line-height: 1.75rem;
  text-align: left;
  cursor: pointer;
}
.vft-picker-panel__shortcut:hover {
  color: var(--vft-datepicker-hover-text-color);
}
.vft-picker-panel__shortcut.active {
  background-color: #e6f1fe;
  color: var(--vft-datepicker-active-color);
}

.vft-picker-panel__btn {
  padding: 0 1.25rem;
  border: 0.0625rem solid var(--vft-fill-color-darker);
  border-radius: 0.125rem;
  outline: none;
  background-color: transparent;
  color: var(--vft-text-primary-color);
  font-size: 0.75rem;
  line-height: 1.5rem;
  cursor: pointer;
}
.vft-picker-panel__btn[disabled] {
  color: var(--vft-text-disabled-color);
  cursor: not-allowed;
}

.vft-picker-panel__icon-btn {
  margin-top: 0.5rem;
  border: 0;
  outline: none;
  background: transparent;
  color: var(--vft-datepicker-icon-color);
  font-size: 0.75rem;
  line-height: 1.15;
  cursor: pointer;
}
.vft-picker-panel__icon-btn.is-disabled {
  color: var(--vft-text-disabled-color);
}
.vft-picker-panel__icon-btn.is-disabled:hover {
  cursor: not-allowed;
}

.vft-picker-panel__icon-btn:hover {
  color: var(--vft-datepicker-hover-text-color);
}
.vft-picker-panel__icon-btn:focus-visible {
  color: var(--vft-datepicker-hover-text-color);
}
.vft-picker-panel__icon-btn .vft-icon {
  font-size: inherit;
  cursor: pointer;
}

.vft-picker-panel__link-btn {
  vertical-align: middle;
}

.vft-picker-panel .icon-d-arrow-left {
  width: 1em;
  height: 1em;
  background-color: currentcolor;
  -webkit-mask: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="M529.408 149.376a29.12 29.12 0 0 1 41.728 0a30.592 30.592 0 0 1 0 42.688L259.264 511.936l311.872 319.936a30.592 30.592 0 0 1-.512 43.264a29.12 29.12 0 0 1-41.216-.512L197.76 534.272a32 32 0 0 1 0-44.672l331.648-340.224zm256 0a29.12 29.12 0 0 1 41.728 0a30.592 30.592 0 0 1 0 42.688L515.264 511.936l311.872 319.936a30.592 30.592 0 0 1-.512 43.264a29.12 29.12 0 0 1-41.216-.512L453.76 534.272a32 32 0 0 1 0-44.672l331.648-340.224z"%2F%3E%3C%2Fsvg%3E') no-repeat;
          mask: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="M529.408 149.376a29.12 29.12 0 0 1 41.728 0a30.592 30.592 0 0 1 0 42.688L259.264 511.936l311.872 319.936a30.592 30.592 0 0 1-.512 43.264a29.12 29.12 0 0 1-41.216-.512L197.76 534.272a32 32 0 0 1 0-44.672l331.648-340.224zm256 0a29.12 29.12 0 0 1 41.728 0a30.592 30.592 0 0 1 0 42.688L515.264 511.936l311.872 319.936a30.592 30.592 0 0 1-.512 43.264a29.12 29.12 0 0 1-41.216-.512L453.76 534.272a32 32 0 0 1 0-44.672l331.648-340.224z"%2F%3E%3C%2Fsvg%3E') no-repeat;
  -webkit-mask-size: 100% 100%;
          mask-size: 100% 100%;
}
.vft-picker-panel .icon-arrow-left {
  width: 1em;
  height: 1em;
  background-color: currentcolor;
  -webkit-mask: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="M609.408 149.376L277.76 489.6a32 32 0 0 0 0 44.672l331.648 340.352a29.12 29.12 0 0 0 41.728 0a30.592 30.592 0 0 0 0-42.752L339.264 511.936l311.872-319.872a30.592 30.592 0 0 0 0-42.688a29.12 29.12 0 0 0-41.728 0z"%2F%3E%3C%2Fsvg%3E') no-repeat;
          mask: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="M609.408 149.376L277.76 489.6a32 32 0 0 0 0 44.672l331.648 340.352a29.12 29.12 0 0 0 41.728 0a30.592 30.592 0 0 0 0-42.752L339.264 511.936l311.872-319.872a30.592 30.592 0 0 0 0-42.688a29.12 29.12 0 0 0-41.728 0z"%2F%3E%3C%2Fsvg%3E') no-repeat;
  -webkit-mask-size: 100% 100%;
          mask-size: 100% 100%;
}
.vft-picker-panel .icon-arrow-right {
  width: 1em;
  height: 1em;
  background-color: currentcolor;
  -webkit-mask: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="M340.864 149.312a30.592 30.592 0 0 0 0 42.752L652.736 512L340.864 831.872a30.592 30.592 0 0 0 0 42.752a29.12 29.12 0 0 0 41.728 0L714.24 534.336a32 32 0 0 0 0-44.672L382.592 149.376a29.12 29.12 0 0 0-41.728 0z"%2F%3E%3C%2Fsvg%3E') no-repeat;
          mask: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="M340.864 149.312a30.592 30.592 0 0 0 0 42.752L652.736 512L340.864 831.872a30.592 30.592 0 0 0 0 42.752a29.12 29.12 0 0 0 41.728 0L714.24 534.336a32 32 0 0 0 0-44.672L382.592 149.376a29.12 29.12 0 0 0-41.728 0z"%2F%3E%3C%2Fsvg%3E') no-repeat;
  -webkit-mask-size: 100% 100%;
          mask-size: 100% 100%;
}
.vft-picker-panel .icon-d-arrow-right {
  width: 1em;
  height: 1em;
  background-color: currentcolor;
  -webkit-mask: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="M452.864 149.312a29.12 29.12 0 0 1 41.728.064L826.24 489.664a32 32 0 0 1 0 44.672L494.592 874.624a29.12 29.12 0 0 1-41.728 0a30.592 30.592 0 0 1 0-42.752L764.736 512L452.864 192a30.592 30.592 0 0 1 0-42.688zm-256 0a29.12 29.12 0 0 1 41.728.064L570.24 489.664a32 32 0 0 1 0 44.672L238.592 874.624a29.12 29.12 0 0 1-41.728 0a30.592 30.592 0 0 1 0-42.752L508.736 512L196.864 192a30.592 30.592 0 0 1 0-42.688z"%2F%3E%3C%2Fsvg%3E') no-repeat;
          mask: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="M452.864 149.312a29.12 29.12 0 0 1 41.728.064L826.24 489.664a32 32 0 0 1 0 44.672L494.592 874.624a29.12 29.12 0 0 1-41.728 0a30.592 30.592 0 0 1 0-42.752L764.736 512L452.864 192a30.592 30.592 0 0 1 0-42.688zm-256 0a29.12 29.12 0 0 1 41.728.064L570.24 489.664a32 32 0 0 1 0 44.672L238.592 874.624a29.12 29.12 0 0 1-41.728 0a30.592 30.592 0 0 1 0-42.752L508.736 512L196.864 192a30.592 30.592 0 0 1 0-42.688z"%2F%3E%3C%2Fsvg%3E') no-repeat;
  -webkit-mask-size: 100% 100%;
          mask-size: 100% 100%;
}

.vft-picker-panel *[slot=sidebar],
.vft-picker-panel__sidebar {
  position: absolute;
  top: 0;
  bottom: 0;
  box-sizing: border-box;
  width: 6.875rem;
  padding-top: 0.375rem;
  overflow: auto;
  border-right: 0.0625rem solid var(--vft-datepicker-inner-border-color);
}

.vft-picker-panel *[slot=sidebar] + .vft-picker-panel__body,
.vft-picker-panel__sidebar + .vft-picker-panel__body {
  margin-left: 6.875rem;
}

.vft-date-picker {
  --vft-datepicker-text-color: var(--vft-text-regular-color);
  --vft-datepicker-off-text-color: var(--vft-text-placeholder-color);
  --vft-datepicker-header-text-color: var(--vft-text-regular-color);
  --vft-datepicker-icon-color: var(--vft-text-primary-color);
  --vft-datepicker-border-color: var(--vft-disabled-border-color);
  --vft-datepicker-inner-border-color: var(--vft-border-color-light);
  --vft-datepicker-inrange-bg-color: var(--vft-border-color-extra-light);
  --vft-datepicker-inrange-hover-bg-color: var(--vft-border-color-extra-light);
  --vft-datepicker-active-color: var(--vft-primary-color);
  --vft-datepicker-hover-text-color: var(--vft-primary-color);
}

.vft-date-picker {
  width: 20.125rem;
}
.vft-date-picker.has-sidebar.has-time {
  width: 27.125rem;
}
.vft-date-picker.has-sidebar {
  width: 27.375rem;
}
.vft-date-picker.has-time .vft-picker-panel__body-wrapper {
  position: relative;
}
.vft-date-picker .vft-picker-panel__content {
  width: 18.25rem;
}
.vft-date-picker table {
  width: 100%;
  table-layout: fixed;
}
.vft-date-picker__editor-wrap {
  display: table-cell;
  position: relative;
  padding: 0 0.3125rem;
}

.vft-date-picker__time-header {
  display: table;
  position: relative;
  box-sizing: border-box;
  width: 100%;
  padding: 0.5rem 0.3125rem 0.3125rem;
  border-bottom: 0.0625rem solid var(--vft-datepicker-inner-border-color);
  font-size: 0.75rem;
}

.vft-date-picker__header {
  padding: 0.75rem 0.75rem 0;
  text-align: center;
}
.vft-date-picker__header--bordered {
  margin-bottom: 0;
  padding-bottom: 0.75rem;
  border-bottom: solid 0.0625rem var(--vft-border-color-lighter);
}
.vft-date-picker__header--bordered + .vft-picker-panel__content {
  margin-top: 0;
}

.vft-date-picker__header-label {
  padding: 0 0.3125rem;
  color: var(--vft-text-regular-color);
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.375rem;
  text-align: center;
  cursor: pointer;
}
.vft-date-picker__header-label:hover {
  color: var(--vft-datepicker-hover-text-color);
}
.vft-date-picker__header-label:focus-visible {
  outline: none;
  color: var(--vft-datepicker-hover-text-color);
}
.vft-date-picker__header-label.active {
  color: var(--vft-datepicker-active-color);
}

.vft-date-picker__prev-btn {
  float: left;
}

.vft-date-picker__next-btn {
  float: right;
}

.vft-date-picker__time-wrap {
  padding: 0.625rem;
  text-align: center;
}

.vft-date-picker__time-label {
  margin-left: 0.625rem;
  float: left;
  line-height: 1.875rem;
  cursor: pointer;
}

.vft-date-picker .vft-time-panel {
  position: absolute;
}

.time-select {
  margin: 0.3125rem 0;
  min-width: 0;
}
.time-select .vft-picker-panel__content {
  max-height: 12.5rem;
  margin: 0;
}
.time-select-item {
  padding: 0.5rem 0.625rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.time-select-item.disabled {
  color: var(--vft-datepicker-border-color);
  cursor: not-allowed;
}
.time-select-item:hover {
  background-color: var(--vft-fill-color-light);
  font-weight: bold;
  cursor: pointer;
}
.time-select .time-select-item.selected:not(.disabled) {
  color: var(--vft-primary-color);
  font-weight: bold;
}.vft-fade-in-linear-enter-active,
.vft-fade-in-linear-leave-active {
  transition: var(--vft-transition-fade-linear);
}

.vft-fade-in-linear-enter-from,
.vft-fade-in-linear-leave-to {
  opacity: 0;
}

.vft-fade-in-enter-active,
.vft-fade-in-leave-active {
  transition: all var(--vft-transition-duration) cubic-bezier(0.55, 0, 0.1, 1);
}

.vft-fade-in-enter-from,
.vft-fade-in-leave-active {
  opacity: 0;
}

.vft-zoom-in-center-enter-active,
.vft-zoom-in-center-leave-active {
  transition: all var(--vft-transition-duration) cubic-bezier(0.55, 0, 0.1, 1);
}

.vft-zoom-in-center-enter-from,
.vft-zoom-in-center-leave-active {
  transform: scaleX(0);
  opacity: 0;
}

.vft-zoom-in-top-enter-active,
.vft-zoom-in-top-leave-active {
  transition: var(--vft-transition-md-fade);
  transform: scaleY(1);
  transform-origin: center top;
  opacity: 1;
}
.vft-zoom-in-top-enter-active[data-popper-placement^=top],
.vft-zoom-in-top-leave-active[data-popper-placement^=top] {
  transform-origin: center bottom;
}

.vft-zoom-in-top-enter-from,
.vft-zoom-in-top-leave-active {
  transform: scaleY(0);
  opacity: 0;
}

.vft-zoom-in-top-fast-enter-active {
  transition: var(--vft-transition-md-fade);
  transform: scaleY(1);
  transform-origin: center top;
  opacity: 1;
}
.vft-zoom-in-top-fast-enter-active[data-popper-placement^=top] {
  transform-origin: center bottom;
}

.vft-zoom-in-top-fast-leave-active {
  transform: scaleY(1);
  transform-origin: center top;
  opacity: 1;
}
.vft-zoom-in-top-fast-leave-active[data-popper-placement^=top] {
  transform-origin: center bottom;
}

.vft-zoom-in-top-fast-enter-from,
.vft-zoom-in-top-fast-leave-active {
  transform: scaleY(0);
  opacity: 0;
}

.vft-zoom-in-bottom-enter-active,
.vft-zoom-in-bottom-leave-active {
  transform: scaleY(1);
  transform-origin: center bottom;
  transition: var(--vft-transition-md-fade);
  opacity: 1;
}

.vft-zoom-in-bottom-enter-from,
.vft-zoom-in-bottom-leave-active {
  transform: scaleY(0);
  opacity: 0;
}

.vft-zoom-in-left-enter-active,
.vft-zoom-in-left-leave-active {
  transform: scale(1, 1);
  transform-origin: top left;
  transition: var(--vft-transition-md-fade);
  opacity: 1;
}

.vft-zoom-in-left-enter-from,
.vft-zoom-in-left-leave-active {
  transform: scale(0.45, 0.45);
  opacity: 0;
}

.collapse-transition {
  transition: var(--vft-transition-duration) height ease-in-out, var(--vft-transition-duration) padding-top ease-in-out, var(--vft-transition-duration) padding-bottom ease-in-out;
}

.vft-collapse-transition-leave-active,
.vft-collapse-transition-enter-active {
  transition: var(--vft-transition-duration) max-height ease-in-out, var(--vft-transition-duration) padding-top ease-in-out, var(--vft-transition-duration) padding-bottom ease-in-out;
}

.horizontal-collapse-transition {
  transition: var(--vft-transition-duration) width ease-in-out, var(--vft-transition-duration) padding-left ease-in-out, var(--vft-transition-duration) padding-right ease-in-out;
}

.vft-list-enter-active,
.vft-list-leave-active {
  transition: all 1s;
}

.vft-list-enter-from,
.vft-list-leave-to {
  transform: translateY(-1.875rem);
  opacity: 0;
}

.vft-list-leave-active {
  position: absolute !important;
}

.vft-opacity-transition {
  transition: opacity var(--vft-transition-duration) cubic-bezier(0.55, 0, 0.1, 1);
}

@keyframes vft-rotate {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes vft-loading-dot {
  33% {
    transform: translateY(-2em);
  }
  66% {
    transform: translateY(-1em);
  }
}
.vft-super-form__container {
  display: flex;
  width: 100%;
}
.vft-super-form__content {
  display: flex;
  flex: 1;
  line-height: 1;
}

.vft-super-form__item .sub-label {
  color: var(--vft-text-placeholder-color);
  font-size: 0.75rem;
}
.vft-super-form__item.vft-form-item.vft-form-item--label-top .vft-form-item__label {
  display: inline-flex;
}

.vft-super-form.is-suffix--suffix {
  display: inline-flex;
  align-items: center;
  padding-left: 0.375rem;
  line-height: 1;
}

.vft-super-form .is-comp-full-width .vft-select {
  width: 100%;
}
.vft-super-form .submit-block {
  width: 100%;
}
.vft-super-form .label-required {
  margin-right: 0.25rem;
  color: var(--vft-danger-color);
}
.vft-super-form .vft-date-editor.vft-input__wrapper,
.vft-super-form .vft-upload-wrapper {
  width: 100%;
}
.vft-super-form .label-content {
  display: flex;
  align-items: center;
}
.vft-super-form .label-content .vft-icon {
  margin-left: 0.375rem;
}
.vft-super-form .icon-arrow-upload {
  width: 1em;
  height: 1em;
  background-color: currentcolor;
  -webkit-mask: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="M160 832h704a32 32 0 1 1 0 64H160a32 32 0 1 1 0-64zm384-578.304V704h-64V247.296L237.248 490.048L192 444.8L508.8 128l316.8 316.8l-45.312 45.248L544 253.696z"%2F%3E%3C%2Fsvg%3E') no-repeat;
          mask: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="M160 832h704a32 32 0 1 1 0 64H160a32 32 0 1 1 0-64zm384-578.304V704h-64V247.296L237.248 490.048L192 444.8L508.8 128l316.8 316.8l-45.312 45.248L544 253.696z"%2F%3E%3C%2Fsvg%3E') no-repeat;
  -webkit-mask-size: 100% 100%;
          mask-size: 100% 100%;
}
.vft-super-form .icon-help {
  width: 1em;
  height: 1em;
  background-color: currentcolor;
  -webkit-mask: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="24" height="24" viewBox="0 0 24 24"%3E%3Cpath fill="currentColor" d="M11.95 18q.525 0 .888-.363t.362-.887t-.362-.888t-.888-.362t-.887.363t-.363.887t.363.888t.887.362m.05 4q-2.075 0-3.9-.788t-3.175-2.137T2.788 15.9T2 12t.788-3.9t2.137-3.175T8.1 2.788T12 2t3.9.788t3.175 2.137T21.213 8.1T22 12t-.788 3.9t-2.137 3.175t-3.175 2.138T12 22m0-2q3.35 0 5.675-2.325T20 12t-2.325-5.675T12 4T6.325 6.325T4 12t2.325 5.675T12 20m.1-12.3q.625 0 1.088.4t.462 1q0 .55-.337.975t-.763.8q-.575.5-1.012 1.1t-.438 1.35q0 .35.263.588t.612.237q.375 0 .638-.25t.337-.625q.1-.525.45-.937t.75-.788q.575-.55.988-1.2t.412-1.45q0-1.275-1.037-2.087T12.1 6q-.95 0-1.812.4T8.975 7.625q-.175.3-.112.638t.337.512q.35.2.725.125t.625-.425q.275-.375.688-.575t.862-.2"/%3E%3C%2Fsvg%3E') no-repeat;
          mask: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="24" height="24" viewBox="0 0 24 24"%3E%3Cpath fill="currentColor" d="M11.95 18q.525 0 .888-.363t.362-.887t-.362-.888t-.888-.362t-.887.363t-.363.887t.363.888t.887.362m.05 4q-2.075 0-3.9-.788t-3.175-2.137T2.788 15.9T2 12t.788-3.9t2.137-3.175T8.1 2.788T12 2t3.9.788t3.175 2.137T21.213 8.1T22 12t-.788 3.9t-2.137 3.175t-3.175 2.138T12 22m0-2q3.35 0 5.675-2.325T20 12t-2.325-5.675T12 4T6.325 6.325T4 12t2.325 5.675T12 20m.1-12.3q.625 0 1.088.4t.462 1q0 .55-.337.975t-.763.8q-.575.5-1.012 1.1t-.438 1.35q0 .35.263.588t.612.237q.375 0 .638-.25t.337-.625q.1-.525.45-.937t.75-.788q.575-.55.988-1.2t.412-1.45q0-1.275-1.037-2.087T12.1 6q-.95 0-1.812.4T8.975 7.625q-.175.3-.112.638t.337.512q.35.2.725.125t.625-.425q.275-.375.688-.575t.862-.2"/%3E%3C%2Fsvg%3E') no-repeat;
  -webkit-mask-size: 100% 100%;
          mask-size: 100% 100%;
}.vft-fade-in-linear-enter-active,
.vft-fade-in-linear-leave-active {
  transition: var(--vft-transition-fade-linear);
}

.vft-fade-in-linear-enter-from,
.vft-fade-in-linear-leave-to {
  opacity: 0;
}

.vft-fade-in-enter-active,
.vft-fade-in-leave-active {
  transition: all var(--vft-transition-duration) cubic-bezier(0.55, 0, 0.1, 1);
}

.vft-fade-in-enter-from,
.vft-fade-in-leave-active {
  opacity: 0;
}

.vft-zoom-in-center-enter-active,
.vft-zoom-in-center-leave-active {
  transition: all var(--vft-transition-duration) cubic-bezier(0.55, 0, 0.1, 1);
}

.vft-zoom-in-center-enter-from,
.vft-zoom-in-center-leave-active {
  transform: scaleX(0);
  opacity: 0;
}

.vft-zoom-in-top-enter-active,
.vft-zoom-in-top-leave-active {
  transition: var(--vft-transition-md-fade);
  transform: scaleY(1);
  transform-origin: center top;
  opacity: 1;
}
.vft-zoom-in-top-enter-active[data-popper-placement^=top],
.vft-zoom-in-top-leave-active[data-popper-placement^=top] {
  transform-origin: center bottom;
}

.vft-zoom-in-top-enter-from,
.vft-zoom-in-top-leave-active {
  transform: scaleY(0);
  opacity: 0;
}

.vft-zoom-in-top-fast-enter-active {
  transition: var(--vft-transition-md-fade);
  transform: scaleY(1);
  transform-origin: center top;
  opacity: 1;
}
.vft-zoom-in-top-fast-enter-active[data-popper-placement^=top] {
  transform-origin: center bottom;
}

.vft-zoom-in-top-fast-leave-active {
  transform: scaleY(1);
  transform-origin: center top;
  opacity: 1;
}
.vft-zoom-in-top-fast-leave-active[data-popper-placement^=top] {
  transform-origin: center bottom;
}

.vft-zoom-in-top-fast-enter-from,
.vft-zoom-in-top-fast-leave-active {
  transform: scaleY(0);
  opacity: 0;
}

.vft-zoom-in-bottom-enter-active,
.vft-zoom-in-bottom-leave-active {
  transform: scaleY(1);
  transform-origin: center bottom;
  transition: var(--vft-transition-md-fade);
  opacity: 1;
}

.vft-zoom-in-bottom-enter-from,
.vft-zoom-in-bottom-leave-active {
  transform: scaleY(0);
  opacity: 0;
}

.vft-zoom-in-left-enter-active,
.vft-zoom-in-left-leave-active {
  transform: scale(1, 1);
  transform-origin: top left;
  transition: var(--vft-transition-md-fade);
  opacity: 1;
}

.vft-zoom-in-left-enter-from,
.vft-zoom-in-left-leave-active {
  transform: scale(0.45, 0.45);
  opacity: 0;
}

.collapse-transition {
  transition: var(--vft-transition-duration) height ease-in-out, var(--vft-transition-duration) padding-top ease-in-out, var(--vft-transition-duration) padding-bottom ease-in-out;
}

.vft-collapse-transition-leave-active,
.vft-collapse-transition-enter-active {
  transition: var(--vft-transition-duration) max-height ease-in-out, var(--vft-transition-duration) padding-top ease-in-out, var(--vft-transition-duration) padding-bottom ease-in-out;
}

.horizontal-collapse-transition {
  transition: var(--vft-transition-duration) width ease-in-out, var(--vft-transition-duration) padding-left ease-in-out, var(--vft-transition-duration) padding-right ease-in-out;
}

.vft-list-enter-active,
.vft-list-leave-active {
  transition: all 1s;
}

.vft-list-enter-from,
.vft-list-leave-to {
  transform: translateY(-1.875rem);
  opacity: 0;
}

.vft-list-leave-active {
  position: absolute !important;
}

.vft-opacity-transition {
  transition: opacity var(--vft-transition-duration) cubic-bezier(0.55, 0, 0.1, 1);
}

@keyframes vft-rotate {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes vft-loading-dot {
  33% {
    transform: translateY(-2em);
  }
  66% {
    transform: translateY(-1em);
  }
}
:root {
  --vft-link-font-size: var(--vft-font-size-base);
  --vft-link-font-weight: var(--vft-font-weight-primary);
  --vft-link-text-color: var(--vft-text-regular-color);
  --vft-link-hover-text-color: var(--vft-primary-color);
  --vft-link-disabled-text-color: var(--vft-text-placeholder-color);
}

.vft-link {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  vertical-align: middle;
  position: relative;
  text-decoration: none;
  outline: none;
  cursor: pointer;
  padding: 0;
  font-size: var(--vft-link-font-size);
  font-weight: var(--vft-link-font-weight);
  color: var(--vft-link-text-color);
}
.vft-link.vft-link--primary {
  --vft-link-text-color: var(--vft-primary-color);
  --vft-link-hover-text-color: var(--vft-primary-color-light-3);
  --vft-link-disabled-text-color: var(--vft-primary-color-light-5);
}
.vft-link.vft-link--primary.is-underline:hover::after {
  border-color: var(--vft-link-text-color);
}

.vft-link.vft-link--primary::after {
  border-color: var(--vft-link-text-color);
}
.vft-link.vft-link--success {
  --vft-link-text-color: var(--vft-success-color);
  --vft-link-hover-text-color: var(--vft-success-color-light-3);
  --vft-link-disabled-text-color: var(--vft-success-color-light-5);
}
.vft-link.vft-link--success.is-underline:hover::after {
  border-color: var(--vft-link-text-color);
}

.vft-link.vft-link--success::after {
  border-color: var(--vft-link-text-color);
}
.vft-link.vft-link--warning {
  --vft-link-text-color: var(--vft-warning-color);
  --vft-link-hover-text-color: var(--vft-warning-color-light-3);
  --vft-link-disabled-text-color: var(--vft-warning-color-light-5);
}
.vft-link.vft-link--warning.is-underline:hover::after {
  border-color: var(--vft-link-text-color);
}

.vft-link.vft-link--warning::after {
  border-color: var(--vft-link-text-color);
}
.vft-link.vft-link--danger {
  --vft-link-text-color: var(--vft-danger-color);
  --vft-link-hover-text-color: var(--vft-danger-color-light-3);
  --vft-link-disabled-text-color: var(--vft-danger-color-light-5);
}
.vft-link.vft-link--danger.is-underline:hover::after {
  border-color: var(--vft-link-text-color);
}

.vft-link.vft-link--danger::after {
  border-color: var(--vft-link-text-color);
}
.vft-link.vft-link--error {
  --vft-link-text-color: var(--vft-error-color);
  --vft-link-hover-text-color: var(--vft-error-color-light-3);
  --vft-link-disabled-text-color: var(--vft-error-color-light-5);
}
.vft-link.vft-link--error.is-underline:hover::after {
  border-color: var(--vft-link-text-color);
}

.vft-link.vft-link--error::after {
  border-color: var(--vft-link-text-color);
}
.vft-link.vft-link--info {
  --vft-link-text-color: var(--vft-info-color);
  --vft-link-hover-text-color: var(--vft-info-color-light-3);
  --vft-link-disabled-text-color: var(--vft-info-color-light-5);
}
.vft-link.vft-link--info.is-underline:hover::after {
  border-color: var(--vft-link-text-color);
}

.vft-link.vft-link--info::after {
  border-color: var(--vft-link-text-color);
}
.vft-link.is-underline:hover::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  height: 0;
  bottom: 0;
  border-bottom: 0.0625rem solid var(--vft-link-hover-text-color);
}

.vft-link.is-disabled {
  color: var(--vft-link-disabled-text-color);
  cursor: not-allowed;
}

.vft-link__inner {
  display: inline-flex;
  justify-content: center;
  align-items: center;
}

.vft-link:hover {
  color: var(--vft-link-hover-text-color);
}
.vft-link [class*=vft-icon-] + span {
  margin-left: 0.3125rem;
}
.vft-link.vft-link--default::after {
  border-color: var(--vft-link-hover-text-color);
}.vft-fade-in-linear-enter-active,
.vft-fade-in-linear-leave-active {
  transition: var(--vft-transition-fade-linear);
}

.vft-fade-in-linear-enter-from,
.vft-fade-in-linear-leave-to {
  opacity: 0;
}

.vft-fade-in-enter-active,
.vft-fade-in-leave-active {
  transition: all var(--vft-transition-duration) cubic-bezier(0.55, 0, 0.1, 1);
}

.vft-fade-in-enter-from,
.vft-fade-in-leave-active {
  opacity: 0;
}

.vft-zoom-in-center-enter-active,
.vft-zoom-in-center-leave-active {
  transition: all var(--vft-transition-duration) cubic-bezier(0.55, 0, 0.1, 1);
}

.vft-zoom-in-center-enter-from,
.vft-zoom-in-center-leave-active {
  transform: scaleX(0);
  opacity: 0;
}

.vft-zoom-in-top-enter-active,
.vft-zoom-in-top-leave-active {
  transition: var(--vft-transition-md-fade);
  transform: scaleY(1);
  transform-origin: center top;
  opacity: 1;
}
.vft-zoom-in-top-enter-active[data-popper-placement^=top],
.vft-zoom-in-top-leave-active[data-popper-placement^=top] {
  transform-origin: center bottom;
}

.vft-zoom-in-top-enter-from,
.vft-zoom-in-top-leave-active {
  transform: scaleY(0);
  opacity: 0;
}

.vft-zoom-in-top-fast-enter-active {
  transition: var(--vft-transition-md-fade);
  transform: scaleY(1);
  transform-origin: center top;
  opacity: 1;
}
.vft-zoom-in-top-fast-enter-active[data-popper-placement^=top] {
  transform-origin: center bottom;
}

.vft-zoom-in-top-fast-leave-active {
  transform: scaleY(1);
  transform-origin: center top;
  opacity: 1;
}
.vft-zoom-in-top-fast-leave-active[data-popper-placement^=top] {
  transform-origin: center bottom;
}

.vft-zoom-in-top-fast-enter-from,
.vft-zoom-in-top-fast-leave-active {
  transform: scaleY(0);
  opacity: 0;
}

.vft-zoom-in-bottom-enter-active,
.vft-zoom-in-bottom-leave-active {
  transform: scaleY(1);
  transform-origin: center bottom;
  transition: var(--vft-transition-md-fade);
  opacity: 1;
}

.vft-zoom-in-bottom-enter-from,
.vft-zoom-in-bottom-leave-active {
  transform: scaleY(0);
  opacity: 0;
}

.vft-zoom-in-left-enter-active,
.vft-zoom-in-left-leave-active {
  transform: scale(1, 1);
  transform-origin: top left;
  transition: var(--vft-transition-md-fade);
  opacity: 1;
}

.vft-zoom-in-left-enter-from,
.vft-zoom-in-left-leave-active {
  transform: scale(0.45, 0.45);
  opacity: 0;
}

.collapse-transition {
  transition: var(--vft-transition-duration) height ease-in-out, var(--vft-transition-duration) padding-top ease-in-out, var(--vft-transition-duration) padding-bottom ease-in-out;
}

.vft-collapse-transition-leave-active,
.vft-collapse-transition-enter-active {
  transition: var(--vft-transition-duration) max-height ease-in-out, var(--vft-transition-duration) padding-top ease-in-out, var(--vft-transition-duration) padding-bottom ease-in-out;
}

.horizontal-collapse-transition {
  transition: var(--vft-transition-duration) width ease-in-out, var(--vft-transition-duration) padding-left ease-in-out, var(--vft-transition-duration) padding-right ease-in-out;
}

.vft-list-enter-active,
.vft-list-leave-active {
  transition: all 1s;
}

.vft-list-enter-from,
.vft-list-leave-to {
  transform: translateY(-1.875rem);
  opacity: 0;
}

.vft-list-leave-active {
  position: absolute !important;
}

.vft-opacity-transition {
  transition: opacity var(--vft-transition-duration) cubic-bezier(0.55, 0, 0.1, 1);
}

@keyframes vft-rotate {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes vft-loading-dot {
  33% {
    transform: translateY(-2em);
  }
  66% {
    transform: translateY(-1em);
  }
}.vft-fade-in-linear-enter-active,
.vft-fade-in-linear-leave-active {
  transition: var(--vft-transition-fade-linear);
}

.vft-fade-in-linear-enter-from,
.vft-fade-in-linear-leave-to {
  opacity: 0;
}

.vft-fade-in-enter-active,
.vft-fade-in-leave-active {
  transition: all var(--vft-transition-duration) cubic-bezier(0.55, 0, 0.1, 1);
}

.vft-fade-in-enter-from,
.vft-fade-in-leave-active {
  opacity: 0;
}

.vft-zoom-in-center-enter-active,
.vft-zoom-in-center-leave-active {
  transition: all var(--vft-transition-duration) cubic-bezier(0.55, 0, 0.1, 1);
}

.vft-zoom-in-center-enter-from,
.vft-zoom-in-center-leave-active {
  transform: scaleX(0);
  opacity: 0;
}

.vft-zoom-in-top-enter-active,
.vft-zoom-in-top-leave-active {
  transition: var(--vft-transition-md-fade);
  transform: scaleY(1);
  transform-origin: center top;
  opacity: 1;
}
.vft-zoom-in-top-enter-active[data-popper-placement^=top],
.vft-zoom-in-top-leave-active[data-popper-placement^=top] {
  transform-origin: center bottom;
}

.vft-zoom-in-top-enter-from,
.vft-zoom-in-top-leave-active {
  transform: scaleY(0);
  opacity: 0;
}

.vft-zoom-in-top-fast-enter-active {
  transition: var(--vft-transition-md-fade);
  transform: scaleY(1);
  transform-origin: center top;
  opacity: 1;
}
.vft-zoom-in-top-fast-enter-active[data-popper-placement^=top] {
  transform-origin: center bottom;
}

.vft-zoom-in-top-fast-leave-active {
  transform: scaleY(1);
  transform-origin: center top;
  opacity: 1;
}
.vft-zoom-in-top-fast-leave-active[data-popper-placement^=top] {
  transform-origin: center bottom;
}

.vft-zoom-in-top-fast-enter-from,
.vft-zoom-in-top-fast-leave-active {
  transform: scaleY(0);
  opacity: 0;
}

.vft-zoom-in-bottom-enter-active,
.vft-zoom-in-bottom-leave-active {
  transform: scaleY(1);
  transform-origin: center bottom;
  transition: var(--vft-transition-md-fade);
  opacity: 1;
}

.vft-zoom-in-bottom-enter-from,
.vft-zoom-in-bottom-leave-active {
  transform: scaleY(0);
  opacity: 0;
}

.vft-zoom-in-left-enter-active,
.vft-zoom-in-left-leave-active {
  transform: scale(1, 1);
  transform-origin: top left;
  transition: var(--vft-transition-md-fade);
  opacity: 1;
}

.vft-zoom-in-left-enter-from,
.vft-zoom-in-left-leave-active {
  transform: scale(0.45, 0.45);
  opacity: 0;
}

.collapse-transition {
  transition: var(--vft-transition-duration) height ease-in-out, var(--vft-transition-duration) padding-top ease-in-out, var(--vft-transition-duration) padding-bottom ease-in-out;
}

.vft-collapse-transition-leave-active,
.vft-collapse-transition-enter-active {
  transition: var(--vft-transition-duration) max-height ease-in-out, var(--vft-transition-duration) padding-top ease-in-out, var(--vft-transition-duration) padding-bottom ease-in-out;
}

.horizontal-collapse-transition {
  transition: var(--vft-transition-duration) width ease-in-out, var(--vft-transition-duration) padding-left ease-in-out, var(--vft-transition-duration) padding-right ease-in-out;
}

.vft-list-enter-active,
.vft-list-leave-active {
  transition: all 1s;
}

.vft-list-enter-from,
.vft-list-leave-to {
  transform: translateY(-1.875rem);
  opacity: 0;
}

.vft-list-leave-active {
  position: absolute !important;
}

.vft-opacity-transition {
  transition: opacity var(--vft-transition-duration) cubic-bezier(0.55, 0, 0.1, 1);
}

@keyframes vft-rotate {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes vft-loading-dot {
  33% {
    transform: translateY(-2em);
  }
  66% {
    transform: translateY(-1em);
  }
}
:root {
  --vft-pagination-font-size: var(--vft-font-size-base);
  --vft-pagination-bg-color: var(--vft-fill-color-blank);
  --vft-pagination-text-color: var(--vft-text-primary-color);
  --vft-pagination-border-radius: 0.125rem;
  --vft-pagination-button-color: var(--vft-text-primary-color);
  --vft-pagination-button-width: 2rem;
  --vft-pagination-button-height: 2rem;
  --vft-pagination-button-disabled-color: var(--vft-text-placeholder-color);
  --vft-pagination-button-disabled-bg-color: var(--vft-fill-color-blank);
  --vft-pagination-button-bg-color: var(--vft-fill-color);
  --vft-pagination-hover-color: var(--vft-primary-color);
  --vft-pagination-font-size-small: 0.75rem;
  --vft-pagination-button-width-small: 1.5rem;
  --vft-pagination-button-height-small: 1.5rem;
  --vft-pagination-item-gap: 1rem;
}

.vft-pagination {
  white-space: nowrap;
  color: var(--vft-pagination-text-color);
  font-size: var(--vft-pagination-font-size);
  font-weight: normal;
  display: flex;
  align-items: center;
}
.vft-pagination__sizes {
  margin-left: var(--vft-pagination-item-gap);
  font-weight: normal;
  color: var(--vft-text-regular-color);
}
.vft-pagination__sizes .vft-select {
  width: 6.875rem;
}

.vft-pagination__total {
  margin-left: var(--vft-pagination-item-gap);
  font-weight: normal;
  color: var(--vft-text-regular-color);
}
.vft-pagination__total[disabled=true] {
  color: var(--vft-text-placeholder-color);
}

.vft-pagination__jump {
  display: flex;
  align-items: center;
  margin-left: var(--vft-pagination-item-gap);
  font-weight: normal;
  color: var(--vft-text-regular-color);
}
.vft-pagination__goto {
  margin-right: 0.5rem;
}

.vft-pagination__editor {
  text-align: center;
  box-sizing: border-box;
}
.vft-pagination__editor.vft-input {
  width: 3.5rem;
  height: 1.625rem;
}
.vft-pagination__editor .vft-input__inner::-webkit-inner-spin-button,
.vft-pagination__editor .vft-input__inner::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.vft-pagination__classifier {
  margin-left: 0.5rem;
}

.vft-pagination__jump[disabled=true] {
  color: var(--vft-text-placeholder-color);
}

.vft-pagination__rightwrapper {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.vft-pagination.is-background .btn-prev,
.vft-pagination.is-background .btn-next,
.vft-pagination.is-background .vft-pager li {
  margin: 0 0.25rem;
  background-color: var(--vft-pagination-button-bg-color);
}
.vft-pagination.is-background .btn-prev.is-active,
.vft-pagination.is-background .btn-next.is-active,
.vft-pagination.is-background .vft-pager li.is-active {
  background-color: var(--vft-primary-color);
  color: var(--vft-color-white);
}
.vft-pagination.is-background .btn-prev:disabled, .vft-pagination.is-background .btn-prev.is-disabled,
.vft-pagination.is-background .btn-next:disabled,
.vft-pagination.is-background .btn-next.is-disabled,
.vft-pagination.is-background .vft-pager li:disabled,
.vft-pagination.is-background .vft-pager li.is-disabled {
  color: var(--vft-text-placeholder-color);
  background-color: var(--vft-disabled-bg-color);
}
.vft-pagination.is-background .btn-prev:disabled.is-active, .vft-pagination.is-background .btn-prev.is-disabled.is-active,
.vft-pagination.is-background .btn-next:disabled.is-active,
.vft-pagination.is-background .btn-next.is-disabled.is-active,
.vft-pagination.is-background .vft-pager li:disabled.is-active,
.vft-pagination.is-background .vft-pager li.is-disabled.is-active {
  color: var(--vft-text-secondary-color);
  background-color: var(--vft-fill-color-dark);
}
.vft-pagination.is-background .btn-prev {
  margin-left: var(--vft-pagination-item-gap);
}

.vft-pagination--small .btn-prev,
.vft-pagination--small .btn-next,
.vft-pagination--small .vft-pager li {
  height: var(--vft-pagination-button-height-small);
  line-height: var(--vft-pagination-button-height-small);
  font-size: var(--vft-pagination-font-size-small);
  min-width: var(--vft-pagination-button-width-small);
}
.vft-pagination--small span:not([class*=suffix]),
.vft-pagination--small button {
  font-size: var(--vft-pagination-font-size-small);
}
.vft-pagination--small .vft-select .vft-input {
  width: 6.25rem;
}

.vft-pagination .icon-arrow-down {
  width: 1em;
  height: 1em;
  background-color: currentcolor;
  -webkit-mask: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="M831.872 340.864L512 652.672L192.128 340.864a30.592 30.592 0 0 0-42.752 0a29.12 29.12 0 0 0 0 41.6L489.664 714.24a32 32 0 0 0 44.672 0l340.288-331.712a29.12 29.12 0 0 0 0-41.728a30.592 30.592 0 0 0-42.752 0z"%2F%3E%3C%2Fsvg%3E') no-repeat;
          mask: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="M831.872 340.864L512 652.672L192.128 340.864a30.592 30.592 0 0 0-42.752 0a29.12 29.12 0 0 0 0 41.6L489.664 714.24a32 32 0 0 0 44.672 0l340.288-331.712a29.12 29.12 0 0 0 0-41.728a30.592 30.592 0 0 0-42.752 0z"%2F%3E%3C%2Fsvg%3E') no-repeat;
  -webkit-mask-size: 100% 100%;
          mask-size: 100% 100%;
}
.vft-pagination .icon-arrow-right {
  width: 1em;
  height: 1em;
  background-color: currentcolor;
  -webkit-mask: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="M340.864 149.312a30.592 30.592 0 0 0 0 42.752L652.736 512L340.864 831.872a30.592 30.592 0 0 0 0 42.752a29.12 29.12 0 0 0 41.728 0L714.24 534.336a32 32 0 0 0 0-44.672L382.592 149.376a29.12 29.12 0 0 0-41.728 0z"%2F%3E%3C%2Fsvg%3E') no-repeat;
          mask: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="M340.864 149.312a30.592 30.592 0 0 0 0 42.752L652.736 512L340.864 831.872a30.592 30.592 0 0 0 0 42.752a29.12 29.12 0 0 0 41.728 0L714.24 534.336a32 32 0 0 0 0-44.672L382.592 149.376a29.12 29.12 0 0 0-41.728 0z"%2F%3E%3C%2Fsvg%3E') no-repeat;
  -webkit-mask-size: 100% 100%;
          mask-size: 100% 100%;
}
.vft-pagination .icon-arrow-left {
  width: 1em;
  height: 1em;
  background-color: currentcolor;
  -webkit-mask: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="M609.408 149.376L277.76 489.6a32 32 0 0 0 0 44.672l331.648 340.352a29.12 29.12 0 0 0 41.728 0a30.592 30.592 0 0 0 0-42.752L339.264 511.936l311.872-319.872a30.592 30.592 0 0 0 0-42.688a29.12 29.12 0 0 0-41.728 0z"%2F%3E%3C%2Fsvg%3E') no-repeat;
          mask: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="M609.408 149.376L277.76 489.6a32 32 0 0 0 0 44.672l331.648 340.352a29.12 29.12 0 0 0 41.728 0a30.592 30.592 0 0 0 0-42.752L339.264 511.936l311.872-319.872a30.592 30.592 0 0 0 0-42.688a29.12 29.12 0 0 0-41.728 0z"%2F%3E%3C%2Fsvg%3E') no-repeat;
  -webkit-mask-size: 100% 100%;
          mask-size: 100% 100%;
}
.vft-pagination .icon-arrow-up {
  width: 1em;
  height: 1em;
  background-color: currentcolor;
  -webkit-mask: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="m488.832 344.32l-339.84 356.672a32 32 0 0 0 0 44.16l.384.384a29.44 29.44 0 0 0 42.688 0l320-335.872l319.872 335.872a29.44 29.44 0 0 0 42.688 0l.384-.384a32 32 0 0 0 0-44.16L535.168 344.32a32 32 0 0 0-46.336 0z"%2F%3E%3C%2Fsvg%3E') no-repeat;
          mask: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="m488.832 344.32l-339.84 356.672a32 32 0 0 0 0 44.16l.384.384a29.44 29.44 0 0 0 42.688 0l320-335.872l319.872 335.872a29.44 29.44 0 0 0 42.688 0l.384-.384a32 32 0 0 0 0-44.16L535.168 344.32a32 32 0 0 0-46.336 0z"%2F%3E%3C%2Fsvg%3E') no-repeat;
  -webkit-mask-size: 100% 100%;
          mask-size: 100% 100%;
}
.vft-pagination .vft-input__inner {
  text-align: center;
  -moz-appearance: textfield;
}
.vft-pagination .vft-select .vft-input {
  width: 8rem;
}
.vft-pagination button {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: var(--vft-pagination-font-size);
  min-width: var(--vft-pagination-button-width);
  height: var(--vft-pagination-button-height);
  line-height: var(--vft-pagination-button-height);
  color: var(--vft-pagination-button-color);
  background: var(--vft-pagination-bg-color);
  padding: 0 0.25rem;
  border: none;
  border-radius: var(--vft-pagination-border-radius);
  cursor: pointer;
  text-align: center;
  box-sizing: border-box;
}
.vft-pagination button .vft-icon {
  color: inherit;
}
.vft-pagination button * {
  pointer-events: none;
}
.vft-pagination button:focus {
  outline: none;
}
.vft-pagination button:hover {
  color: var(--vft-pagination-hover-color);
}
.vft-pagination button.is-active {
  color: var(--vft-pagination-hover-color);
  cursor: default;
  font-weight: bold;
}
.vft-pagination button.is-active.is-disabled {
  font-weight: bold;
}
.vft-pagination button:disabled, .vft-pagination button.is-disabled {
  color: var(--vft-pagination-button-disabled-color);
  background-color: var(--vft-pagination-button-disabled-bg-color);
  cursor: not-allowed;
}
.vft-pagination button:focus-visible {
  outline: 0.0625rem solid var(--vft-pagination-hover-color);
  outline-offset: -0.0625rem;
}
.vft-pagination .btn-prev .vft-icon,
.vft-pagination .btn-next .vft-icon {
  display: block;
  font-weight: bold;
}
.vft-pagination > *.is-first {
  margin-left: 0 !important;
}

.vft-pagination > *.is-last {
  margin-right: 0 !important;
}

.vft-pagination .btn-prev {
  margin-left: var(--vft-pagination-item-gap);
}
.vft-pagination .btn-prev .ico-ep\:arrow-left {
  width: 1em;
  height: 1em;
  background-color: currentcolor;
  -webkit-mask: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="M609.408 149.376L277.76 489.6a32 32 0 0 0 0 44.672l331.648 340.352a29.12 29.12 0 0 0 41.728 0a30.592 30.592 0 0 0 0-42.752L339.264 511.936l311.872-319.872a30.592 30.592 0 0 0 0-42.688a29.12 29.12 0 0 0-41.728 0z"%2F%3E%3C%2Fsvg%3E') no-repeat;
          mask: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="M609.408 149.376L277.76 489.6a32 32 0 0 0 0 44.672l331.648 340.352a29.12 29.12 0 0 0 41.728 0a30.592 30.592 0 0 0 0-42.752L339.264 511.936l311.872-319.872a30.592 30.592 0 0 0 0-42.688a29.12 29.12 0 0 0-41.728 0z"%2F%3E%3C%2Fsvg%3E') no-repeat;
  -webkit-mask-size: 100% 100%;
          mask-size: 100% 100%;
}
.vft-pagination .icon-d-arrow-left {
  width: 1em;
  height: 1em;
  background-color: currentcolor;
  -webkit-mask: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="M529.408 149.376a29.12 29.12 0 0 1 41.728 0a30.592 30.592 0 0 1 0 42.688L259.264 511.936l311.872 319.936a30.592 30.592 0 0 1-.512 43.264a29.12 29.12 0 0 1-41.216-.512L197.76 534.272a32 32 0 0 1 0-44.672l331.648-340.224zm256 0a29.12 29.12 0 0 1 41.728 0a30.592 30.592 0 0 1 0 42.688L515.264 511.936l311.872 319.936a30.592 30.592 0 0 1-.512 43.264a29.12 29.12 0 0 1-41.216-.512L453.76 534.272a32 32 0 0 1 0-44.672l331.648-340.224z"%2F%3E%3C%2Fsvg%3E') no-repeat;
          mask: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="M529.408 149.376a29.12 29.12 0 0 1 41.728 0a30.592 30.592 0 0 1 0 42.688L259.264 511.936l311.872 319.936a30.592 30.592 0 0 1-.512 43.264a29.12 29.12 0 0 1-41.216-.512L197.76 534.272a32 32 0 0 1 0-44.672l331.648-340.224zm256 0a29.12 29.12 0 0 1 41.728 0a30.592 30.592 0 0 1 0 42.688L515.264 511.936l311.872 319.936a30.592 30.592 0 0 1-.512 43.264a29.12 29.12 0 0 1-41.216-.512L453.76 534.272a32 32 0 0 1 0-44.672l331.648-340.224z"%2F%3E%3C%2Fsvg%3E') no-repeat;
  -webkit-mask-size: 100% 100%;
          mask-size: 100% 100%;
}
.vft-pagination .icon-d-arrow-right {
  width: 1em;
  height: 1em;
  background-color: currentcolor;
  -webkit-mask: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="M452.864 149.312a29.12 29.12 0 0 1 41.728.064L826.24 489.664a32 32 0 0 1 0 44.672L494.592 874.624a29.12 29.12 0 0 1-41.728 0a30.592 30.592 0 0 1 0-42.752L764.736 512L452.864 192a30.592 30.592 0 0 1 0-42.688zm-256 0a29.12 29.12 0 0 1 41.728.064L570.24 489.664a32 32 0 0 1 0 44.672L238.592 874.624a29.12 29.12 0 0 1-41.728 0a30.592 30.592 0 0 1 0-42.752L508.736 512L196.864 192a30.592 30.592 0 0 1 0-42.688z"%2F%3E%3C%2Fsvg%3E') no-repeat;
          mask: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="M452.864 149.312a29.12 29.12 0 0 1 41.728.064L826.24 489.664a32 32 0 0 1 0 44.672L494.592 874.624a29.12 29.12 0 0 1-41.728 0a30.592 30.592 0 0 1 0-42.752L764.736 512L452.864 192a30.592 30.592 0 0 1 0-42.688zm-256 0a29.12 29.12 0 0 1 41.728.064L570.24 489.664a32 32 0 0 1 0 44.672L238.592 874.624a29.12 29.12 0 0 1-41.728 0a30.592 30.592 0 0 1 0-42.752L508.736 512L196.864 192a30.592 30.592 0 0 1 0-42.688z"%2F%3E%3C%2Fsvg%3E') no-repeat;
  -webkit-mask-size: 100% 100%;
          mask-size: 100% 100%;
}
.vft-pagination .icon-more-filled {
  width: 1em;
  height: 1em;
  background-color: currentcolor;
  -webkit-mask: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="M176 416a112 112 0 1 1 0 224a112 112 0 0 1 0-224zm336 0a112 112 0 1 1 0 224a112 112 0 0 1 0-224zm336 0a112 112 0 1 1 0 224a112 112 0 0 1 0-224z"%2F%3E%3C%2Fsvg%3E') no-repeat;
          mask: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="M176 416a112 112 0 1 1 0 224a112 112 0 0 1 0-224zm336 0a112 112 0 1 1 0 224a112 112 0 0 1 0-224zm336 0a112 112 0 1 1 0 224a112 112 0 0 1 0-224z"%2F%3E%3C%2Fsvg%3E') no-repeat;
  -webkit-mask-size: 100% 100%;
          mask-size: 100% 100%;
}

.vft-pager {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  list-style: none;
  font-size: 0;
  padding: 0;
  margin: 0;
  display: flex;
  align-items: center;
}
.vft-pager li {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: var(--vft-pagination-font-size);
  min-width: var(--vft-pagination-button-width);
  height: var(--vft-pagination-button-height);
  line-height: var(--vft-pagination-button-height);
  color: var(--vft-pagination-button-color);
  background: var(--vft-pagination-bg-color);
  padding: 0 0.25rem;
  border: none;
  border-radius: var(--vft-pagination-border-radius);
  cursor: pointer;
  text-align: center;
  box-sizing: border-box;
}
.vft-pager li .vft-icon {
  color: inherit;
}
.vft-pager li * {
  pointer-events: none;
}
.vft-pager li:focus {
  outline: none;
}
.vft-pager li:hover {
  color: var(--vft-pagination-hover-color);
}
.vft-pager li.is-active {
  color: var(--vft-pagination-hover-color);
  cursor: default;
  font-weight: bold;
}
.vft-pager li.is-active.is-disabled {
  font-weight: bold;
}
.vft-pager li:disabled, .vft-pager li.is-disabled {
  color: var(--vft-pagination-button-disabled-color);
  background-color: var(--vft-pagination-button-disabled-bg-color);
  cursor: not-allowed;
}
.vft-pager li:focus-visible {
  outline: 0.0625rem solid var(--vft-pagination-hover-color);
  outline-offset: -0.0625rem;
}.vft-fade-in-linear-enter-active,
.vft-fade-in-linear-leave-active {
  transition: var(--vft-transition-fade-linear);
}

.vft-fade-in-linear-enter-from,
.vft-fade-in-linear-leave-to {
  opacity: 0;
}

.vft-fade-in-enter-active,
.vft-fade-in-leave-active {
  transition: all var(--vft-transition-duration) cubic-bezier(0.55, 0, 0.1, 1);
}

.vft-fade-in-enter-from,
.vft-fade-in-leave-active {
  opacity: 0;
}

.vft-zoom-in-center-enter-active,
.vft-zoom-in-center-leave-active {
  transition: all var(--vft-transition-duration) cubic-bezier(0.55, 0, 0.1, 1);
}

.vft-zoom-in-center-enter-from,
.vft-zoom-in-center-leave-active {
  transform: scaleX(0);
  opacity: 0;
}

.vft-zoom-in-top-enter-active,
.vft-zoom-in-top-leave-active {
  transition: var(--vft-transition-md-fade);
  transform: scaleY(1);
  transform-origin: center top;
  opacity: 1;
}
.vft-zoom-in-top-enter-active[data-popper-placement^=top],
.vft-zoom-in-top-leave-active[data-popper-placement^=top] {
  transform-origin: center bottom;
}

.vft-zoom-in-top-enter-from,
.vft-zoom-in-top-leave-active {
  transform: scaleY(0);
  opacity: 0;
}

.vft-zoom-in-top-fast-enter-active {
  transition: var(--vft-transition-md-fade);
  transform: scaleY(1);
  transform-origin: center top;
  opacity: 1;
}
.vft-zoom-in-top-fast-enter-active[data-popper-placement^=top] {
  transform-origin: center bottom;
}

.vft-zoom-in-top-fast-leave-active {
  transform: scaleY(1);
  transform-origin: center top;
  opacity: 1;
}
.vft-zoom-in-top-fast-leave-active[data-popper-placement^=top] {
  transform-origin: center bottom;
}

.vft-zoom-in-top-fast-enter-from,
.vft-zoom-in-top-fast-leave-active {
  transform: scaleY(0);
  opacity: 0;
}

.vft-zoom-in-bottom-enter-active,
.vft-zoom-in-bottom-leave-active {
  transform: scaleY(1);
  transform-origin: center bottom;
  transition: var(--vft-transition-md-fade);
  opacity: 1;
}

.vft-zoom-in-bottom-enter-from,
.vft-zoom-in-bottom-leave-active {
  transform: scaleY(0);
  opacity: 0;
}

.vft-zoom-in-left-enter-active,
.vft-zoom-in-left-leave-active {
  transform: scale(1, 1);
  transform-origin: top left;
  transition: var(--vft-transition-md-fade);
  opacity: 1;
}

.vft-zoom-in-left-enter-from,
.vft-zoom-in-left-leave-active {
  transform: scale(0.45, 0.45);
  opacity: 0;
}

.collapse-transition {
  transition: var(--vft-transition-duration) height ease-in-out, var(--vft-transition-duration) padding-top ease-in-out, var(--vft-transition-duration) padding-bottom ease-in-out;
}

.vft-collapse-transition-leave-active,
.vft-collapse-transition-enter-active {
  transition: var(--vft-transition-duration) max-height ease-in-out, var(--vft-transition-duration) padding-top ease-in-out, var(--vft-transition-duration) padding-bottom ease-in-out;
}

.horizontal-collapse-transition {
  transition: var(--vft-transition-duration) width ease-in-out, var(--vft-transition-duration) padding-left ease-in-out, var(--vft-transition-duration) padding-right ease-in-out;
}

.vft-list-enter-active,
.vft-list-leave-active {
  transition: all 1s;
}

.vft-list-enter-from,
.vft-list-leave-to {
  transform: translateY(-1.875rem);
  opacity: 0;
}

.vft-list-leave-active {
  position: absolute !important;
}

.vft-opacity-transition {
  transition: opacity var(--vft-transition-duration) cubic-bezier(0.55, 0, 0.1, 1);
}

@keyframes vft-rotate {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes vft-loading-dot {
  33% {
    transform: translateY(-2em);
  }
  66% {
    transform: translateY(-1em);
  }
}
.vft-md-comment {
  padding: 0 1.875rem 1.25rem;
}
@media (width <= 720px) {
  .vft-md-comment .wl-avatar {
    width: 2.5rem;
    height: 2.5rem;
  }
}
@media (width <= 580px) {
  .vft-md-comment .wl-header {
    display: block;
  }
}
@media (width <= 580px) {
  .vft-md-comment .wl-header-item:not(:last-child) {
    border-bottom: 0.125rem dashed var(--vft-border-color);
  }
}
@media (width <= 580px) {
  .vft-md-comment .wl-header-2 .wl-header-item {
    flex: 0;
    width: 100%;
  }
}
@media (width <= 580px) {
  .vft-md-comment .wl-header-3 .wl-header-item {
    width: 100%;
  }
}
@media (width <= 720px) {
  .vft-md-comment .wl-cards .wl-user {
    --avatar-size: 2.5rem;
  }
}
@media (width <= 580px) {
  .vft-md-comment .wl-reaction-list {
    gap: 0.75rem;
  }
}
@media (width <= 580px) {
  .vft-md-comment .wl-reaction-img {
    width: 2rem;
    height: 2rem;
  }
}
.vft-md-comment #vft-md-comment__waline {
  min-width: 18.75rem;
  max-width: var(--vft-md-container-content-max-width);
}
.vft-md-comment #vft-md-comment__waline a::after {
  content: "";
  display: none !important;
}
.vft-md-comment #vft-md-comment__waline li {
  display: block;
}
.vft-md-comment #vft-md-comment__waline .wl-power,
.vft-md-comment #vft-md-comment__waline .wl-like {
  display: none;
}
.vft-md-comment [data-waline] {
  font-size: var(--vft-font-size-base);
  text-align: start;
}
.vft-md-comment [dir=rtl] [data-waline] {
  direction: rtl;
}
.vft-md-comment [data-waline] * {
  box-sizing: content-box;
  line-height: 1.75;
}
.vft-md-comment [data-waline] p {
  color: var(--vft-text-primary-color);
}
.vft-md-comment [data-waline] a {
  display: inline-block;
  position: relative;
  color: var(--vft-text-primary-color);
  text-decoration: none;
  word-break: break-word;
  cursor: pointer;
}
.vft-md-comment [data-waline] a:hover {
  color: var(--vft-primary-color);
}
.vft-md-comment [data-waline] img {
  max-width: 100%;
  max-height: 25rem;
  border: none;
}
.vft-md-comment [data-waline] hr {
  margin: 0.825em 0;
  border-style: dashed;
  border-color: var(--vft-border-color-lighter);
}
.vft-md-comment [data-waline] code,
.vft-md-comment [data-waline] pre {
  margin: 0;
  padding: 0.2em 0.4em;
  border-radius: 0.1875rem;
  background: var(--vft-theme-color);
  font-size: 85%;
}
.vft-md-comment [data-waline] pre {
  padding: 0.625rem;
  overflow: auto;
  line-height: 1.45;
}
.vft-md-comment [data-waline] pre::-webkit-scrollbar {
  width: 0.375rem;
  height: 0.375rem;
}
.vft-md-comment [data-waline] pre::-webkit-scrollbar-track-piece:horizontal {
  border-radius: 0.375rem;
  background: rgba(0, 0, 0, 0.1);
}
.vft-md-comment [data-waline] pre::-webkit-scrollbar-thumb:horizontal {
  width: 0.375rem;
  border-radius: 0.375rem;
  background: var(--vft-primary-color);
}
.vft-md-comment [data-waline] pre code {
  padding: 0;
  background: rgba(0, 0, 0, 0);
  color: var(--vft-text-primary-color);
  word-break: keep-all;
  white-space: pre-wrap;
}
.vft-md-comment [data-waline] blockquote {
  margin: 0.5em 0;
  padding: 0.5em 0 0.5em 1em;
  border-inline-start: 0.5rem solid var(--vft-border-color);
  color: var(--vft-fill-color-darker);
}
.vft-md-comment [data-waline] blockquote > p {
  margin: 0;
}
.vft-md-comment [data-waline] ol,
.vft-md-comment [data-waline] ul {
  margin-inline-start: 1.25em;
  padding: 0;
}
.vft-md-comment [data-waline] input[type=checkbox],
.vft-md-comment [data-waline] input[type=radio] {
  display: inline-block;
  margin-top: -0.125rem;
  vertical-align: middle;
}
.vft-md-comment .wl-btn {
  display: inline-block;
  min-width: 2.5em;
  margin-bottom: 0;
  padding: 0.5em 1em;
  transition-duration: 0.4s;
  border: 0.0625rem solid var(--vft-border-color);
  border-radius: 0.5em;
  background: rgba(0, 0, 0, 0);
  color: var(--vft-text-primary-color);
  font-size: 0.75em;
  font-weight: 400;
  line-height: 1.5;
  text-align: center;
  vertical-align: middle;
  white-space: nowrap;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  touch-action: manipulation;
}
.vft-md-comment .wl-btn:hover,
.vft-md-comment .wl-btn:active {
  border-color: var(--vft-primary-color);
  color: var(--vft-primary-color);
}
.vft-md-comment .wl-btn:disabled {
  border-color: var(--vft-border-color);
  background: var(--vft-disable-bg-color);
  color: var(--vft-disable-text-color);
  cursor: not-allowed;
}
.vft-md-comment .wl-btn.primary {
  border-color: var(--vft-primary-color);
  background: var(--vft-primary-color);
  color: var(--vft-color-white);
}
.vft-md-comment .wl-btn.primary:hover,
.vft-md-comment .wl-btn.primary:active {
  border-color: var(--vft-primary-color);
  background: var(--vft-primary-color);
  color: var(--vft-color-white);
}
.vft-md-comment .wl-btn.primary:disabled {
  border-color: var(--vft-border-color);
  background: var(--vft-disable-bg-color);
  color: var(--vft-disable-text-color);
  cursor: not-allowed;
}
.vft-md-comment .wl-loading {
  text-align: center;
}
.vft-md-comment .wl-loading svg {
  margin: 0 auto;
}
.vft-md-comment .wl-comment {
  display: flex;
  position: relative;
  margin-bottom: 0.75em;
}
.vft-md-comment .wl-close {
  position: absolute;
  top: -0.25rem;
  inset-inline-end: -0.25rem;
  padding: 0;
  border: none;
  background: rgba(0, 0, 0, 0);
  line-height: 1;
  cursor: pointer;
}
.vft-md-comment .wl-login-info {
  max-width: 5rem;
  margin-top: 0.75em;
  text-align: center;
}
.vft-md-comment .wl-logout-btn {
  position: absolute;
  top: -0.625rem;
  inset-inline-end: -0.625rem;
  padding: 0.1875rem;
  border: none;
  background: rgba(0, 0, 0, 0);
  line-height: 0;
  cursor: pointer;
}
.vft-md-comment .wl-avatar {
  position: relative;
  width: 2.5rem;
  height: 2.5rem;
  margin: 0 auto;
  border: var(--vft-border-color);
  border-radius: var(--vft-border-radius-base);
}
.vft-md-comment .wl-avatar img {
  width: 100%;
  height: 100%;
  border-radius: var(--vft-border-radius-base);
}
.vft-md-comment .wl-login-nick {
  display: block;
  color: var(--vft-primary-color);
  font-size: 0.75em;
  word-break: break-all;
}
.vft-md-comment .wl-panel {
  position: relative;
  flex-shrink: 1;
  width: 100%;
  margin: 0.5em;
  border: var(--vft-border-color);
  border-radius: 0.75em;
  background: var(--vft-bg-color);
  box-shadow: var(--vft-box-shadow);
}
.vft-md-comment .wl-header {
  display: flex;
  padding: 0 0.25rem;
  overflow: hidden;
  border-bottom: 0.125rem dashed var(--vft-border-color);
  border-top-left-radius: 0.75em;
  border-top-right-radius: 0.75em;
}
.vft-md-comment .wl-header label {
  min-width: 2.5rem;
  padding: 0.75em 0.5em;
  color: var(--vft-text-primary-color);
  font-size: 0.75em;
  text-align: center;
}
.vft-md-comment .wl-header input {
  flex: 1;
  width: 0;
  padding: 0.5em;
  background: rgba(0, 0, 0, 0);
  font-size: 0.625em;
  resize: none;
}
.vft-md-comment .wl-header-item {
  display: flex;
  flex: 1;
}
.vft-md-comment .wl-header-1 .wl-header-item {
  width: 100%;
}
.vft-md-comment .wl-header-2 .wl-header-item {
  width: 50%;
}
.vft-md-comment .wl-header-3 .wl-header-item {
  width: 33.33%;
}
.vft-md-comment .wl-editor {
  position: relative;
  width: calc(100% - 1em);
  min-height: 8.75em;
  margin: 0.75em 0.5em;
  border-radius: 0.5em;
  background: rgba(0, 0, 0, 0);
  font-size: 0.875em;
  resize: vertical;
}
.vft-md-comment .wl-editor,
.vft-md-comment .wl-input {
  max-width: 100%;
  transition: all 0.25s ease;
  border: none;
  outline: none;
  color: var(--vft-text-primary-color);
}
.vft-md-comment .wl-editor:focus,
.vft-md-comment .wl-input:focus {
  background: var(--vft-fill-color);
}
.vft-md-comment .wl-preview {
  padding: 0 0.5em 0.5em;
}
.vft-md-comment .wl-preview h4 {
  margin: 0.25em;
  font-size: 0.9375em;
  font-weight: bold;
}
.vft-md-comment .wl-preview .wl-content {
  min-height: 1.25em;
  padding: 0.25em;
  word-break: break-word;
  hyphens: auto;
}
.vft-md-comment .wl-preview .wl-content > *:first-child {
  margin-top: 0;
}
.vft-md-comment .wl-preview .wl-content > *:last-child {
  margin-bottom: 0;
}
.vft-md-comment .wl-footer {
  display: flex;
  position: relative;
  flex-wrap: wrap;
  margin: 0.5em 0.75em;
}
.vft-md-comment .wl-actions {
  display: flex;
  flex: 2;
  align-items: center;
}
.vft-md-comment .wl-action {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.5em;
  height: 1.5em;
  margin: 0.125rem;
  padding: 0;
  border: none;
  background: rgba(0, 0, 0, 0);
  color: var(--vft-primary-color);
  font-size: 1rem;
  cursor: pointer;
}
.vft-md-comment .wl-action:hover {
  color: var(--vft-primary-color);
}
.vft-md-comment .wl-action.active {
  color: var(--vft-primary-color);
}
.vft-md-comment #wl-image-upload {
  display: none;
}
.vft-md-comment #wl-image-upload:focus + label {
  color: var(--vft-text-primary-color);
}
.vft-md-comment #wl-image-upload:focus-visible + label {
  outline: -webkit-focus-ring-color auto 0.0625rem;
}
.vft-md-comment .wl-info {
  display: flex;
  flex: 3;
  align-items: center;
  justify-content: flex-end;
}
.vft-md-comment .wl-info .wl-text-number {
  color: var(--vft-info-color);
  font-size: 0.75em;
}
.vft-md-comment .wl-info .wl-text-number .illegal {
  color: red;
}
.vft-md-comment .wl-info button {
  margin-inline-start: 0.75em;
}
.vft-md-comment .wl-info button svg {
  display: block;
  margin: 0 auto;
  line-height: 1.125rem;
}
.vft-md-comment .wl-emoji-popup {
  visibility: hidden;
  position: absolute;
  z-index: 10;
  top: 100%;
  max-width: 32.875rem;
  transform: scale(0.9, 0.9);
  transform-origin: 0 0;
  transition: transform 0.2s ease-out, opacity 0.2s ease-out;
  border: var(--vft-border-color);
  border-radius: 0.375rem;
  opacity: 0;
  background: var(--vft-bg-color);
  box-shadow: var(--vft-box-shadow);
  inset-inline-start: 1.25em;
}
.vft-md-comment .wl-emoji-popup.display {
  visibility: visible;
  transform: none;
  opacity: 1;
}
.vft-md-comment .wl-emoji-popup button {
  display: inline-block;
  width: 2em;
  margin: 0.125em;
  padding: 0;
  border-width: 0;
  background: rgba(0, 0, 0, 0);
  font-size: inherit;
  line-height: 2;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
}
.vft-md-comment .wl-emoji-popup button:hover {
  background: var(--vft-info-color);
}
.vft-md-comment .wl-emoji-popup .wl-emoji {
  display: inline-block;
  max-width: 1.5em;
  max-height: 1.5em;
  vertical-align: middle;
}
.vft-md-comment .wl-emoji-popup .wl-tab-wrapper {
  max-height: 9.0625rem;
  padding: 0.5em;
  overflow-y: auto;
}
.vft-md-comment .wl-emoji-popup .wl-tab-wrapper::-webkit-scrollbar {
  width: 0.375rem;
  height: 0.375rem;
}
.vft-md-comment .wl-emoji-popup .wl-tab-wrapper::-webkit-scrollbar-track-piece:vertical {
  border-radius: 0.375rem;
  background: rgba(0, 0, 0, 0.1);
}
.vft-md-comment .wl-emoji-popup .wl-tab-wrapper::-webkit-scrollbar-thumb:vertical {
  width: 0.375rem;
  border-radius: 0.375rem;
  background: var(--vft-primary-color);
}
.vft-md-comment .wl-emoji-popup .wl-tabs {
  position: relative;
  padding: 0 0.375rem;
  overflow-x: auto;
  white-space: nowrap;
}
.vft-md-comment .wl-emoji-popup .wl-tabs::before {
  content: " ";
  position: absolute;
  z-index: 2;
  top: 0;
  right: 0;
  left: 0;
  height: 0.0625rem;
  background: var(--vft-border-color);
}
.vft-md-comment .wl-emoji-popup .wl-tabs::-webkit-scrollbar {
  width: 0.375rem;
  height: 0.375rem;
}
.vft-md-comment .wl-emoji-popup .wl-tabs::-webkit-scrollbar-track-piece:horizontal {
  border-radius: 0.375rem;
  background: rgba(0, 0, 0, 0.1);
}
.vft-md-comment .wl-emoji-popup .wl-tabs::-webkit-scrollbar-thumb:horizontal {
  height: 0.375rem;
  border-radius: 0.375rem;
  background: var(--vft-primary-color);
}
.vft-md-comment .wl-emoji-popup .wl-tab {
  position: relative;
  margin: 0;
  padding: 0 0.5em;
}
.vft-md-comment .wl-emoji-popup .wl-tab.active {
  z-index: 3;
  border: 0.0625rem solid var(--vft-border-color);
  border-top-width: 0;
  border-bottom-right-radius: 0.375rem;
  border-bottom-left-radius: 0.375rem;
  background: var(--vft-bg-color);
}
.vft-md-comment .wl-gif-popup {
  visibility: hidden;
  position: absolute;
  z-index: 10;
  top: 100%;
  width: calc(100% - 3em);
  padding: 0.75em 0.75em 0.25em;
  transform: scale(0.9, 0.9);
  transform-origin: 0 0;
  transition: transform 0.2s ease-out, opacity 0.2s ease-out;
  border: var(--vft-border-color);
  border-radius: 0.375rem;
  opacity: 0;
  box-shadow: var(--vft-box-shadow);
  inset-inline-start: 1.25em;
}
.vft-md-comment .wl-gif-popup.display {
  visibility: visible;
  transform: none;
  opacity: 1;
}
.vft-md-comment .wl-gif-popup input {
  box-sizing: border-box;
  width: 100%;
  margin-bottom: 0.625rem;
  padding: 0.1875rem 0.3125rem;
  border: var(--vft-border-color);
}
.vft-md-comment .wl-gif-popup img {
  display: block;
  box-sizing: border-box;
  width: 100%;
  border-width: 0.125rem;
  border-style: solid;
  border-color: #fff;
  cursor: pointer;
}
.vft-md-comment .wl-gif-popup img:hover {
  border-radius: 0.125rem;
  border-color: var(--vft-primary-color);
}
.vft-md-comment .wl-gallery {
  display: flex;
  max-height: 80vh;
  overflow-y: auto;
}
.vft-md-comment .wl-gallery-column {
  display: flex;
  flex: 1;
  flex-direction: column;
  height: -moz-max-content;
  height: max-content;
}
.vft-md-comment .wl-cards .wl-user {
  --avatar-size: 2.5rem;
  position: relative;
  margin-inline-end: 0.75em;
}
.vft-md-comment .wl-cards .wl-user img {
  width: var(--avatar-size);
  height: var(--avatar-size);
  border-radius: var(--vft-border-radius-base);
  box-shadow: var(--vft-box-shadow);
}
.vft-md-comment .wl-cards .wl-user .verified-icon {
  position: absolute;
  top: calc(var(--avatar-size) * 3 / 4);
  inset-inline-start: calc(var(--avatar-size) * 3 / 4);
  border-radius: 50%;
  background: var(--vft-bg-color);
  box-shadow: var(--vft-box-shadow);
}
.vft-md-comment .wl-card-item {
  display: flex;
  position: relative;
  padding: 0.5em;
}
.vft-md-comment .wl-card-item .wl-card-item {
  padding-inline-end: 0;
}
.vft-md-comment .wl-card {
  flex: 1;
  width: 0;
  padding-bottom: 0.5em;
  border-bottom: 0.0625rem dashed var(--vft-border-color);
}
.vft-md-comment .wl-card:first-child {
  margin-inline-start: 1em;
}
.vft-md-comment .wl-card-item:last-child > .wl-card {
  border-bottom: none;
}
.vft-md-comment .wl-card .wl-nick svg {
  position: relative;
  bottom: -0.125em;
  line-height: 1;
}
.vft-md-comment .wl-card .wl-head {
  overflow: hidden;
  line-height: 1.5;
}
.vft-md-comment .wl-card .wl-head .wl-nick {
  display: inline-block;
  position: relative;
  margin-inline-end: 0.5em;
  font-size: 0.875em;
  font-weight: bold;
  line-height: 1;
  text-decoration: none;
}
.vft-md-comment .wl-card span.wl-nick {
  color: var(--vft-text-primary-color);
}
.vft-md-comment .wl-card .wl-badge {
  display: inline-block;
  margin-inline-end: 1em;
  padding: 0 0.3em;
  border: 0.0625rem solid var(--vft-primary-color);
  border-radius: 0.25rem;
  color: var(--vft-primary-color);
  font-size: var(--vft-font-size-base);
}
.vft-md-comment .wl-card .wl-time {
  margin-inline-end: 0.875em;
  color: var(--vft-info-color);
  font-size: 0.75em;
}
.vft-md-comment .wl-card .wl-meta {
  position: relative;
  line-height: 1;
}
.vft-md-comment .wl-card .wl-meta > span {
  display: inline-block;
  margin-inline-end: 0.25em;
  padding: 0.125rem 0.25rem;
  border-radius: 0.2em;
  background: var(--vft-theme-color);
  color: var(--vft-primary-color);
  font-size: var(--vft-font-size-base);
  line-height: 1.5;
}
.vft-md-comment .wl-card .wl-meta > span:empty {
  display: none;
}
.vft-md-comment .wl-card .wl-comment-actions {
  float: right;
  line-height: 1;
}
.vft-md-comment [dir=rtl] .wl-card .wl-comment-actions {
  float: left;
}
.vft-md-comment .wl-card .wl-delete,
.vft-md-comment .wl-card .wl-like,
.vft-md-comment .wl-card .wl-reply,
.vft-md-comment .wl-card .wl-edit {
  display: inline-flex;
  align-items: center;
  transition: color 0.2s ease;
  border: none;
  background: rgba(0, 0, 0, 0);
  color: var(--vft-text-primary-color);
  line-height: 1;
  cursor: pointer;
}
.vft-md-comment .wl-card .wl-delete:hover,
.vft-md-comment .wl-card .wl-like:hover,
.vft-md-comment .wl-card .wl-reply:hover,
.vft-md-comment .wl-card .wl-edit:hover {
  color: var(--vft-primary-color);
}
.vft-md-comment .wl-card .wl-delete.active,
.vft-md-comment .wl-card .wl-like.active,
.vft-md-comment .wl-card .wl-reply.active,
.vft-md-comment .wl-card .wl-edit.active {
  color: var(--vft-primary-color);
}
.vft-md-comment .wl-card .wl-content {
  position: relative;
  margin-bottom: 0.75em;
  padding-top: 0.625em;
  font-size: 0.875em;
  line-height: 2;
  word-wrap: break-word;
}
.vft-md-comment .wl-card .wl-content.expand {
  max-height: 8em;
  overflow: hidden;
  cursor: pointer;
}
.vft-md-comment .wl-card .wl-content.expand::before {
  content: "";
  display: block;
  position: absolute;
  z-index: 999;
  top: 0;
  bottom: 3.15em;
  width: 100%;
  background: linear-gradient(180deg, #000, rgba(255, 255, 255, 0.9));
  inset-inline-start: 0;
}
.vft-md-comment .wl-card .wl-content.expand::after {
  content: attr(data-expand);
  display: block;
  position: absolute;
  z-index: 999;
  bottom: 0;
  width: 100%;
  height: 3.15em;
  background: rgba(255, 255, 255, 0.9);
  color: #828586;
  line-height: 3.15em;
  text-align: center;
  inset-inline-start: 0;
}
.vft-md-comment .wl-card .wl-content > *:first-child {
  margin-top: 0;
}
.vft-md-comment .wl-card .wl-content > *:last-child {
  margin-bottom: 0;
}
.vft-md-comment .wl-card .wl-admin-actions {
  margin: 0.5rem 0;
  font-size: 0.75rem;
  text-align: right;
}
.vft-md-comment .wl-card .wl-comment-status {
  margin: 0 0.5rem;
}
.vft-md-comment .wl-card .wl-comment-status .wl-btn {
  border-radius: 0;
}
.vft-md-comment .wl-card .wl-comment-status .wl-btn:first-child {
  border-inline-end: 0;
  border-radius: 0.5em 0 0 0.5em;
}
.vft-md-comment .wl-card .wl-comment-status .wl-btn:last-child {
  border-inline-start: 0;
  border-radius: 0 0.5em 0.5em 0;
}
.vft-md-comment .wl-card .wl-quote {
  border-inline-start: 0.0625rem dashed rgba(237, 237, 237, 0.5);
}
.vft-md-comment .wl-card .wl-quote .wl-user {
  --avatar-size: 2.5rem;
}
.vft-md-comment .wl-close-icon {
  color: var(--vft-border-color);
}
.vft-md-comment .wl-content .vemoji,
.vft-md-comment .wl-content .wl-emoji {
  display: inline-block;
  height: 1.25em;
  margin: -0.125em 0.25em;
  vertical-align: baseline;
}
.vft-md-comment .wl-content .wl-tex {
  background: var(--vft-fill-color);
  color: var(--vft-info-color);
}
.vft-md-comment .wl-content span.wl-tex {
  display: inline-block;
  margin-inline-end: 0.25em;
  padding: 0.125rem 0.25rem;
  border-radius: 0.2em;
  font-size: var(--vft-font-size-base);
  line-height: 1.5;
}
.vft-md-comment .wl-content p.wl-tex {
  text-align: center;
}
.vft-md-comment .wl-content .katex-display {
  padding-top: 0.2em;
  padding-bottom: 0.2em;
  overflow: auto hidden;
  -webkit-overflow-scrolling: touch;
}
.vft-md-comment .wl-content .katex-display::-webkit-scrollbar {
  height: 0.1875rem;
}
.vft-md-comment .wl-content .katex-error {
  color: red;
}
.vft-md-comment .wl-count {
  flex: 1;
  font-size: 1.25em;
  font-weight: bold;
}
.vft-md-comment .wl-empty {
  padding: 1.25em;
  overflow: auto;
  color: var(--vft-text-primary-color);
  text-align: center;
}
.vft-md-comment .wl-operation {
  text-align: center;
}
.vft-md-comment .wl-operation button {
  margin: 1em 0;
}
.vft-md-comment .wl-power {
  padding: 0.5em 0;
  color: var(--vft-info-color);
  font-size: var(--vft-font-size-base);
  text-align: end;
}
.vft-md-comment .wl-meta-head {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0.375em;
}
.vft-md-comment .wl-sort {
  margin: 0;
  list-style-type: none;
}
.vft-md-comment .wl-sort li {
  display: inline-block;
  color: var(--vft-info-color);
  font-size: 0.75em;
  cursor: pointer;
}
.vft-md-comment .wl-sort li.active {
  color: var(--vft-primary-color);
}
.vft-md-comment .wl-sort li + li {
  margin-inline-start: 1em;
}
.vft-md-comment .wl-reaction {
  margin-bottom: 1.75em;
  overflow: auto hidden;
  text-align: center;
}
.vft-md-comment .wl-reaction img {
  width: 100%;
  height: 100%;
  transition: all 250ms ease-in-out;
}
.vft-md-comment .wl-reaction-title {
  margin: 1rem auto;
  font-size: 1.125rem;
  font-weight: bold;
}
.vft-md-comment .wl-reaction-list {
  display: flex;
  flex-direction: row;
  gap: 1rem;
  justify-content: center;
  margin: 0;
  padding: 0.5rem;
  list-style-type: none;
}
.vft-md-comment [data-waline] .wl-reaction-list {
  margin-inline-start: 0;
}
.vft-md-comment .wl-reaction-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  cursor: pointer;
}
.vft-md-comment .wl-reaction-item:hover img,
.vft-md-comment .wl-reaction-item.active img {
  transform: scale(1.15);
}
.vft-md-comment .wl-reaction-img {
  position: relative;
  width: 2.625rem;
  height: 2.625rem;
}
.vft-md-comment .wl-reaction-loading {
  position: absolute;
  top: -0.25rem;
  inset-inline-end: -0.3125rem;
  width: 1.125rem;
  height: 1.125rem;
  color: var(--vft-primary-color);
}
.vft-md-comment .wl-reaction-votes {
  position: absolute;
  top: -0.5625rem;
  min-width: 1em;
  padding: 0.125rem;
  border: 0.0625rem solid var(--vft-primary-color);
  border-radius: 1em;
  background: var(--vft-bg-color);
  color: var(--vft-primary-color);
  font-size: 0.75em;
  font-weight: 700;
  line-height: 1;
  inset-inline-end: -0.5625rem;
}
.vft-md-comment .wl-reaction-item.active .wl-reaction-votes {
  background: var(--vft-primary-color);
  color: var(--vft-bg-color);
}
.vft-md-comment .wl-reaction-text {
  font-size: 0.875em;
}
.vft-md-comment .wl-reaction-item.active .wl-reaction-text {
  color: var(--vft-primary-color);
}
.vft-md-comment .wl-content pre,
.vft-md-comment .wl-content pre[class*=language-] {
  margin: 0.75rem 0;
  padding: 1rem 1.25rem;
  overflow: auto;
  border-radius: 0.375rem;
  background: var(--vft-reverse-color);
  line-height: 1.4;
}
.vft-md-comment .wl-content pre code,
.vft-md-comment .wl-content pre[class*=language-] code {
  padding: 0;
  border-radius: 0;
  background: rgba(0, 0, 0, 0) !important;
  color: #bbb;
  direction: ltr;
}
.vft-md-comment .wl-content code[class*=language-],
.vft-md-comment .wl-content pre[class*=language-] {
  background: none;
  color: #ccc;
  font-size: 1em;
  text-align: left;
  word-wrap: normal;
  word-break: normal;
  white-space: pre;
  word-spacing: normal;
  hyphens: none;
  -moz-tab-size: 4;
    -o-tab-size: 4;
       tab-size: 4;
}
.vft-md-comment .wl-content pre[class*=language-] {
  overflow: auto;
}
.vft-md-comment .wl-content :not(pre) > code[class*=language-],
.vft-md-comment .wl-content pre[class*=language-] {
  background: #2d2d2d;
}
.vft-md-comment .wl-content :not(pre) > code[class*=language-] {
  padding: 0.1em;
  border-radius: 0.3em;
  white-space: normal;
}
.vft-md-comment .wl-content .token.comment,
.vft-md-comment .wl-content .token.block-comment,
.vft-md-comment .wl-content .token.prolog,
.vft-md-comment .wl-content .token.doctype,
.vft-md-comment .wl-content .token.cdata {
  color: #999;
}
.vft-md-comment .wl-content .token.punctuation {
  color: #ccc;
}
.vft-md-comment .wl-content .token.tag,
.vft-md-comment .wl-content .token.attr-name,
.vft-md-comment .wl-content .token.namespace,
.vft-md-comment .wl-content .token.deleted {
  color: #e2777a;
}
.vft-md-comment .wl-content .token.function-name {
  color: #6196cc;
}
.vft-md-comment .wl-content .token.boolean,
.vft-md-comment .wl-content .token.number,
.vft-md-comment .wl-content .token.function {
  color: #f08d49;
}
.vft-md-comment .wl-content .token.property,
.vft-md-comment .wl-content .token.class-name,
.vft-md-comment .wl-content .token.constant,
.vft-md-comment .wl-content .token.symbol {
  color: #f8c555;
}
.vft-md-comment .wl-content .token.selector,
.vft-md-comment .wl-content .token.important,
.vft-md-comment .wl-content .token.atrule,
.vft-md-comment .wl-content .token.keyword,
.vft-md-comment .wl-content .token.builtin {
  color: #cc99cd;
}
.vft-md-comment .wl-content .token.string,
.vft-md-comment .wl-content .token.char,
.vft-md-comment .wl-content .token.attr-value,
.vft-md-comment .wl-content .token.regex,
.vft-md-comment .wl-content .token.variable {
  color: #7ec699;
}
.vft-md-comment .wl-content .token.operator,
.vft-md-comment .wl-content .token.entity,
.vft-md-comment .wl-content .token.url {
  color: #67cdcc;
}
.vft-md-comment .wl-content .token.important,
.vft-md-comment .wl-content .token.bold {
  font-weight: bold;
}
.vft-md-comment .wl-content .token.italic {
  font-style: italic;
}
.vft-md-comment .wl-content .token.entity {
  cursor: help;
}
.vft-md-comment .wl-content .token.inserted {
  color: green;
}
.vft-md-comment .wl-recent-item p {
  display: inline;
}
.vft-md-comment .wl-user-list {
  padding: 0;
  list-style: none;
}
.vft-md-comment .wl-user-list a,
.vft-md-comment .wl-user-list a:hover,
.vft-md-comment .wl-user-list a:visited {
  color: var(--vft-text-primary-color);
  text-decoration: none;
}
.vft-md-comment .wl-user-list .wl-user-avatar {
  display: inline-block;
  position: relative;
  margin-inline-end: 0.625rem;
  overflow: hidden;
  border-radius: 0.25rem;
  line-height: 0;
}
.vft-md-comment .wl-user-list .wl-user-avatar > img {
  width: 3rem;
  height: 3rem;
}
.vft-md-comment .wl-user-list .wl-user-badge {
  position: absolute;
  bottom: 0;
  min-width: 0.7em;
  height: 1.5em;
  padding: 0 0.4em;
  border-radius: 0.25rem;
  background: var(--vft-info-color);
  color: var(--vft-info-color);
  font-size: 0.625rem;
  font-weight: bold;
  line-height: 1.5em;
  text-align: center;
  inset-inline-end: 0;
}
.vft-md-comment .wl-user-list .wl-user-item {
  margin: 0.625rem 0;
}
.vft-md-comment .wl-user-list .wl-user-item:nth-child(1) .wl-user-badge {
  background: #fa3939;
  color: var(--vft-color-white);
  font-weight: bold;
}
.vft-md-comment .wl-user-list .wl-user-item:nth-child(2) .wl-user-badge {
  background: #fb811c;
  color: var(--vft-color-white);
  font-weight: bold;
}
.vft-md-comment .wl-user-list .wl-user-item:nth-child(3) .wl-user-badge {
  background: #feb207;
  color: var(--vft-color-white);
}
.vft-md-comment .wl-user-list .wl-user-meta {
  display: inline-block;
  vertical-align: top;
}
.vft-md-comment .wl-user-list .wl-badge {
  display: inline-block;
  margin-inline-start: 0.5em;
  padding: 0 0.3em;
  border: 0.0625rem solid var(--vft-primary-color);
  border-radius: 0.25rem;
  color: var(--vft-primary-color);
  font-size: var(--vft-font-size-base);
  vertical-align: text-top;
}
.vft-md-comment .wl-user-wall {
  padding: 0;
  list-style: none;
}
.vft-md-comment .wl-user-wall .wl-user-badge,
.vft-md-comment .wl-user-wall .wl-user-meta {
  display: none;
}
.vft-md-comment .wl-user-wall .wl-user-item {
  display: inline-block;
  position: relative;
  transition: transform ease-in-out 0.2s;
}
.vft-md-comment .wl-user-wall .wl-user-item::before,
.vft-md-comment .wl-user-wall .wl-user-item::after {
  position: absolute;
  z-index: 10;
  bottom: 100%;
  left: 50%;
  transform: translate(-50%, 0.25rem);
  transform-origin: top;
  transition: all 0.18s ease-out 0.18s;
  opacity: 0;
  pointer-events: none;
}
.vft-md-comment .wl-user-wall .wl-user-item::before {
  content: "";
  width: 0;
  height: 0;
  border: 0.3125rem solid rgba(0, 0, 0, 0);
  border-top-color: rgba(16, 16, 16, 0.95);
}
.vft-md-comment .wl-user-wall .wl-user-item::after {
  content: attr(aria-label);
  margin-bottom: 0.625rem;
  padding: 0.5em 1em;
  border-radius: 0.125rem;
  background: rgba(16, 16, 16, 0.95);
  color: #fff;
  font-size: 0.75rem;
  white-space: nowrap;
}
.vft-md-comment .wl-user-wall .wl-user-item:hover {
  transform: scale(1.1);
}
.vft-md-comment .wl-user-wall .wl-user-item:hover::before,
.vft-md-comment .wl-user-wall .wl-user-item:hover::after {
  transform: translate(-50%, 0);
  opacity: 1;
  pointer-events: none;
}
.vft-md-comment .wl-user-wall .wl-user-item img {
  width: 3rem;
  height: 3rem;
}.vft-fade-in-linear-enter-active,
.vft-fade-in-linear-leave-active {
  transition: var(--vft-transition-fade-linear);
}

.vft-fade-in-linear-enter-from,
.vft-fade-in-linear-leave-to {
  opacity: 0;
}

.vft-fade-in-enter-active,
.vft-fade-in-leave-active {
  transition: all var(--vft-transition-duration) cubic-bezier(0.55, 0, 0.1, 1);
}

.vft-fade-in-enter-from,
.vft-fade-in-leave-active {
  opacity: 0;
}

.vft-zoom-in-center-enter-active,
.vft-zoom-in-center-leave-active {
  transition: all var(--vft-transition-duration) cubic-bezier(0.55, 0, 0.1, 1);
}

.vft-zoom-in-center-enter-from,
.vft-zoom-in-center-leave-active {
  transform: scaleX(0);
  opacity: 0;
}

.vft-zoom-in-top-enter-active,
.vft-zoom-in-top-leave-active {
  transition: var(--vft-transition-md-fade);
  transform: scaleY(1);
  transform-origin: center top;
  opacity: 1;
}
.vft-zoom-in-top-enter-active[data-popper-placement^=top],
.vft-zoom-in-top-leave-active[data-popper-placement^=top] {
  transform-origin: center bottom;
}

.vft-zoom-in-top-enter-from,
.vft-zoom-in-top-leave-active {
  transform: scaleY(0);
  opacity: 0;
}

.vft-zoom-in-top-fast-enter-active {
  transition: var(--vft-transition-md-fade);
  transform: scaleY(1);
  transform-origin: center top;
  opacity: 1;
}
.vft-zoom-in-top-fast-enter-active[data-popper-placement^=top] {
  transform-origin: center bottom;
}

.vft-zoom-in-top-fast-leave-active {
  transform: scaleY(1);
  transform-origin: center top;
  opacity: 1;
}
.vft-zoom-in-top-fast-leave-active[data-popper-placement^=top] {
  transform-origin: center bottom;
}

.vft-zoom-in-top-fast-enter-from,
.vft-zoom-in-top-fast-leave-active {
  transform: scaleY(0);
  opacity: 0;
}

.vft-zoom-in-bottom-enter-active,
.vft-zoom-in-bottom-leave-active {
  transform: scaleY(1);
  transform-origin: center bottom;
  transition: var(--vft-transition-md-fade);
  opacity: 1;
}

.vft-zoom-in-bottom-enter-from,
.vft-zoom-in-bottom-leave-active {
  transform: scaleY(0);
  opacity: 0;
}

.vft-zoom-in-left-enter-active,
.vft-zoom-in-left-leave-active {
  transform: scale(1, 1);
  transform-origin: top left;
  transition: var(--vft-transition-md-fade);
  opacity: 1;
}

.vft-zoom-in-left-enter-from,
.vft-zoom-in-left-leave-active {
  transform: scale(0.45, 0.45);
  opacity: 0;
}

.collapse-transition {
  transition: var(--vft-transition-duration) height ease-in-out, var(--vft-transition-duration) padding-top ease-in-out, var(--vft-transition-duration) padding-bottom ease-in-out;
}

.vft-collapse-transition-leave-active,
.vft-collapse-transition-enter-active {
  transition: var(--vft-transition-duration) max-height ease-in-out, var(--vft-transition-duration) padding-top ease-in-out, var(--vft-transition-duration) padding-bottom ease-in-out;
}

.horizontal-collapse-transition {
  transition: var(--vft-transition-duration) width ease-in-out, var(--vft-transition-duration) padding-left ease-in-out, var(--vft-transition-duration) padding-right ease-in-out;
}

.vft-list-enter-active,
.vft-list-leave-active {
  transition: all 1s;
}

.vft-list-enter-from,
.vft-list-leave-to {
  transform: translateY(-1.875rem);
  opacity: 0;
}

.vft-list-leave-active {
  position: absolute !important;
}

.vft-opacity-transition {
  transition: opacity var(--vft-transition-duration) cubic-bezier(0.55, 0, 0.1, 1);
}

@keyframes vft-rotate {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes vft-loading-dot {
  33% {
    transform: translateY(-2em);
  }
  66% {
    transform: translateY(-1em);
  }
}
.vft-md-code-tabs .code-tabs-nav {
  overflow-x: auto;
  margin: 0.85rem 0 -0.85rem;
  padding: 0;
  border-radius: 0.375rem 0.375rem 0 0;
  background: #c3def3;
  list-style: none;
  white-space: nowrap;
  transition: var(--vft-transition-all);
}
.vft-md-code-tabs .code-tabs-nav-tab {
  position: relative;
  min-width: 3rem;
  margin: 0;
  padding: 0.375rem 0.625rem;
  border-radius: 0.375rem 0.375rem 0 0;
  background: transparent;
  color: #2c3e50;
  font-weight: 600;
  font-size: 0.85em;
  line-height: 1.4;
  cursor: pointer;
  transition: var(--vft-transition-all);
  border-width: 0;
  background: transparent;
  cursor: pointer;
}
.vft-md-code-tabs .code-tabs-nav-tab:hover {
  background: #d8e9f6;
}
.vft-md-code-tabs .code-tabs-nav-tab::before, .vft-md-code-tabs .code-tabs-nav-tab::after {
  content: " ";
  position: absolute;
  bottom: 0;
  z-index: 1;
  width: 0.375rem;
  height: 0.375rem;
}
.vft-md-code-tabs .code-tabs-nav-tab::before {
  right: 100%;
}
.vft-md-code-tabs .code-tabs-nav-tab::after {
  left: 100%;
}
.vft-md-code-tabs .code-tabs-nav-tab.active {
  background: #ecf4fa;
}
.vft-md-code-tabs .code-tabs-nav-tab.active::before {
  background: radial-gradient(0.75rem at left top, transparent 50%, #c3def3 50%);
}
.vft-md-code-tabs .code-tabs-nav-tab.active::after {
  background: radial-gradient(0.75rem at right top, transparent 50%, #c3def3 50%);
}
.vft-md-code-tabs .code-tabs-nav-tab:first-child::before {
  display: none;
}
.vft-md-code-tabs .code-tab {
  display: none;
}
.vft-md-code-tabs .code-tab.active {
  display: block;
}
.vft-md-code-tabs .code-tab div[class*=language-] {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
@media print {
  .vft-md-code-tabs .code-tab div[class*=language-] code {
    white-space: pre-wrap;
  }
}.vft-fade-in-linear-enter-active,
.vft-fade-in-linear-leave-active {
  transition: var(--vft-transition-fade-linear);
}

.vft-fade-in-linear-enter-from,
.vft-fade-in-linear-leave-to {
  opacity: 0;
}

.vft-fade-in-enter-active,
.vft-fade-in-leave-active {
  transition: all var(--vft-transition-duration) cubic-bezier(0.55, 0, 0.1, 1);
}

.vft-fade-in-enter-from,
.vft-fade-in-leave-active {
  opacity: 0;
}

.vft-zoom-in-center-enter-active,
.vft-zoom-in-center-leave-active {
  transition: all var(--vft-transition-duration) cubic-bezier(0.55, 0, 0.1, 1);
}

.vft-zoom-in-center-enter-from,
.vft-zoom-in-center-leave-active {
  transform: scaleX(0);
  opacity: 0;
}

.vft-zoom-in-top-enter-active,
.vft-zoom-in-top-leave-active {
  transition: var(--vft-transition-md-fade);
  transform: scaleY(1);
  transform-origin: center top;
  opacity: 1;
}
.vft-zoom-in-top-enter-active[data-popper-placement^=top],
.vft-zoom-in-top-leave-active[data-popper-placement^=top] {
  transform-origin: center bottom;
}

.vft-zoom-in-top-enter-from,
.vft-zoom-in-top-leave-active {
  transform: scaleY(0);
  opacity: 0;
}

.vft-zoom-in-top-fast-enter-active {
  transition: var(--vft-transition-md-fade);
  transform: scaleY(1);
  transform-origin: center top;
  opacity: 1;
}
.vft-zoom-in-top-fast-enter-active[data-popper-placement^=top] {
  transform-origin: center bottom;
}

.vft-zoom-in-top-fast-leave-active {
  transform: scaleY(1);
  transform-origin: center top;
  opacity: 1;
}
.vft-zoom-in-top-fast-leave-active[data-popper-placement^=top] {
  transform-origin: center bottom;
}

.vft-zoom-in-top-fast-enter-from,
.vft-zoom-in-top-fast-leave-active {
  transform: scaleY(0);
  opacity: 0;
}

.vft-zoom-in-bottom-enter-active,
.vft-zoom-in-bottom-leave-active {
  transform: scaleY(1);
  transform-origin: center bottom;
  transition: var(--vft-transition-md-fade);
  opacity: 1;
}

.vft-zoom-in-bottom-enter-from,
.vft-zoom-in-bottom-leave-active {
  transform: scaleY(0);
  opacity: 0;
}

.vft-zoom-in-left-enter-active,
.vft-zoom-in-left-leave-active {
  transform: scale(1, 1);
  transform-origin: top left;
  transition: var(--vft-transition-md-fade);
  opacity: 1;
}

.vft-zoom-in-left-enter-from,
.vft-zoom-in-left-leave-active {
  transform: scale(0.45, 0.45);
  opacity: 0;
}

.collapse-transition {
  transition: var(--vft-transition-duration) height ease-in-out, var(--vft-transition-duration) padding-top ease-in-out, var(--vft-transition-duration) padding-bottom ease-in-out;
}

.vft-collapse-transition-leave-active,
.vft-collapse-transition-enter-active {
  transition: var(--vft-transition-duration) max-height ease-in-out, var(--vft-transition-duration) padding-top ease-in-out, var(--vft-transition-duration) padding-bottom ease-in-out;
}

.horizontal-collapse-transition {
  transition: var(--vft-transition-duration) width ease-in-out, var(--vft-transition-duration) padding-left ease-in-out, var(--vft-transition-duration) padding-right ease-in-out;
}

.vft-list-enter-active,
.vft-list-leave-active {
  transition: all 1s;
}

.vft-list-enter-from,
.vft-list-leave-to {
  transform: translateY(-1.875rem);
  opacity: 0;
}

.vft-list-leave-active {
  position: absolute !important;
}

.vft-opacity-transition {
  transition: opacity var(--vft-transition-duration) cubic-bezier(0.55, 0, 0.1, 1);
}

@keyframes vft-rotate {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes vft-loading-dot {
  33% {
    transform: translateY(-2em);
  }
  66% {
    transform: translateY(-1em);
  }
}
.vft-md-code-demo {
  margin: 0.625rem 0;
  transition: all 0.2s;
  border: 0.0625rem solid var(--vft-border-color);
  border-radius: 0.5rem;
}
.vft-md-code-demo:hover {
  box-shadow: 0 0.125rem 0.75rem var(--vft-box-shadow);
}
.vft-md-code-demo .code-demo-jsfiddle,
.vft-md-code-demo .code-demo-codepen {
  cursor: pointer;
}
.vft-md-code-demo .code-demo-jsfiddle button,
.vft-md-code-demo .code-demo-codepen button {
  border: none;
  background: none;
}
.vft-md-code-demo .loading {
  display: flex;
  align-items: center;
  justify-content: center;
}
.vft-md-code-demo .loading-icon {
  width: 4em;
  height: 4em;
  margin: 2.5em auto;
  color: var(--c-brand, #3eaf7c);
}
.vft-md-code-demo .code-demo-header {
  display: flex;
  position: relative;
  align-items: center;
  justify-content: space-between;
  padding: 0.5rem 0.75rem;
  border-radius: 0.5rem 0.5rem 0 0;
  background: var(--code-demo-header-bg-color);
  text-align: start;
}
.vft-md-code-demo .code-demo-header .toggle-button {
  display: inline-block;
  position: relative;
  width: 1em;
  height: 1em;
  margin: 0.5rem 0.75rem 0.5rem 0.5rem;
  transition: all 0.3s;
  border-radius: 50%;
  border-color: transparent;
  outline: none;
  background-color: #ccc;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='rgba(0,0,0,0.5)' d='M7.41 15.41L12 10.83l4.59 4.58L18 14l-6-6-6 6z'/%3E%3C/svg%3E");
  font-size: 1.5rem;
  line-height: normal;
  vertical-align: middle;
  cursor: pointer;
}
@media print {
  .vft-md-code-demo .code-demo-header .toggle-button {
    display: none;
  }
}
.vft-md-code-demo .code-demo-header .toggle-button:hover {
  background-color: #aaa;
}
.vft-md-code-demo .code-demo-header .toggle-button.down {
  transform: rotate(180deg);
}
.vft-md-code-demo .code-demo-header .toggle-button.right {
  transform: rotate(90deg);
}
.vft-md-code-demo .code-demo-header .toggle-button.left {
  transform: rotate(-90deg);
}
.vft-md-code-demo .code-demo-header .title {
  display: inline-block;
  flex: 1;
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 2.5rem;
  vertical-align: top;
}
.vft-md-code-demo .code-demo-header .title:first-child {
  margin-left: 1rem;
}
.vft-md-code-demo .code-demo-header .codepen-button,
.vft-md-code-demo .code-demo-header .jsfiddle-button {
  position: relative;
  box-sizing: content-box;
  width: 1.25rem;
  height: 1.25rem;
  margin: 0 0.25rem;
  padding: 0.25rem;
  border-radius: 50%;
  outline: none;
  background: #ccc;
  cursor: pointer;
}
@media print {
  .vft-md-code-demo .code-demo-header .codepen-button,
  .vft-md-code-demo .code-demo-header .jsfiddle-button {
    display: none;
  }
}
.vft-md-code-demo .code-demo-header .codepen-button svg,
.vft-md-code-demo .code-demo-header .jsfiddle-button svg {
  width: 1.25rem;
  height: 1.25rem;
  fill: #777;
}
.vft-md-code-demo .code-demo-header .codepen-button:hover,
.vft-md-code-demo .code-demo-header .jsfiddle-button:hover {
  background: #aaa;
}
.vft-md-code-demo .code-demo-header .codepen-button:hover svg,
.vft-md-code-demo .code-demo-header .jsfiddle-button:hover svg {
  fill: #333;
}
.vft-md-code-demo .code-demo-container {
  position: relative;
  max-height: 25rem;
  padding: 1.25rem;
  overflow: auto;
  border-bottom: 0.0625rem solid var(--vft-border-color);
}
.vft-md-code-demo .code-demo-code-wrapper {
  overflow: hidden;
  transition: height 0.5s;
}
@media print {
  .vft-md-code-demo .code-demo-code-wrapper {
    height: auto !important;
  }
}
.vft-md-code-demo .code-demo-codes > p {
  margin: 0.75rem;
}
.vft-md-code-demo .code-demo-codes > div[class*=language-] {
  border-radius: 0;
}
.vft-md-code-demo .code-demo-codes > div[class*=language-]:first-child pre {
  margin-top: 0 !important;
}
.vft-md-code-demo .code-demo-codes > div[class*=language-].language-json {
  display: none;
}
.vft-md-code-demo .code-demo-codes > div[class*=language-].line-numbers-mode::after {
  border-radius: 0;
}
.vft-md-code-demo .code-demo-codes > div[class*=language-] button.copy-code-button {
  right: 0;
  bottom: 0;
  width: 1.75rem;
  height: 1.75rem;
  border-radius: 50% 10% 0;
}
.vft-md-code-demo .code-demo-codes > div[class*=language-] button.copy-code-button svg {
  position: relative;
  top: 0.0625rem;
  left: 0.0625rem;
}.vft-fade-in-linear-enter-active,
.vft-fade-in-linear-leave-active {
  transition: var(--vft-transition-fade-linear);
}

.vft-fade-in-linear-enter-from,
.vft-fade-in-linear-leave-to {
  opacity: 0;
}

.vft-fade-in-enter-active,
.vft-fade-in-leave-active {
  transition: all var(--vft-transition-duration) cubic-bezier(0.55, 0, 0.1, 1);
}

.vft-fade-in-enter-from,
.vft-fade-in-leave-active {
  opacity: 0;
}

.vft-zoom-in-center-enter-active,
.vft-zoom-in-center-leave-active {
  transition: all var(--vft-transition-duration) cubic-bezier(0.55, 0, 0.1, 1);
}

.vft-zoom-in-center-enter-from,
.vft-zoom-in-center-leave-active {
  transform: scaleX(0);
  opacity: 0;
}

.vft-zoom-in-top-enter-active,
.vft-zoom-in-top-leave-active {
  transition: var(--vft-transition-md-fade);
  transform: scaleY(1);
  transform-origin: center top;
  opacity: 1;
}
.vft-zoom-in-top-enter-active[data-popper-placement^=top],
.vft-zoom-in-top-leave-active[data-popper-placement^=top] {
  transform-origin: center bottom;
}

.vft-zoom-in-top-enter-from,
.vft-zoom-in-top-leave-active {
  transform: scaleY(0);
  opacity: 0;
}

.vft-zoom-in-top-fast-enter-active {
  transition: var(--vft-transition-md-fade);
  transform: scaleY(1);
  transform-origin: center top;
  opacity: 1;
}
.vft-zoom-in-top-fast-enter-active[data-popper-placement^=top] {
  transform-origin: center bottom;
}

.vft-zoom-in-top-fast-leave-active {
  transform: scaleY(1);
  transform-origin: center top;
  opacity: 1;
}
.vft-zoom-in-top-fast-leave-active[data-popper-placement^=top] {
  transform-origin: center bottom;
}

.vft-zoom-in-top-fast-enter-from,
.vft-zoom-in-top-fast-leave-active {
  transform: scaleY(0);
  opacity: 0;
}

.vft-zoom-in-bottom-enter-active,
.vft-zoom-in-bottom-leave-active {
  transform: scaleY(1);
  transform-origin: center bottom;
  transition: var(--vft-transition-md-fade);
  opacity: 1;
}

.vft-zoom-in-bottom-enter-from,
.vft-zoom-in-bottom-leave-active {
  transform: scaleY(0);
  opacity: 0;
}

.vft-zoom-in-left-enter-active,
.vft-zoom-in-left-leave-active {
  transform: scale(1, 1);
  transform-origin: top left;
  transition: var(--vft-transition-md-fade);
  opacity: 1;
}

.vft-zoom-in-left-enter-from,
.vft-zoom-in-left-leave-active {
  transform: scale(0.45, 0.45);
  opacity: 0;
}

.collapse-transition {
  transition: var(--vft-transition-duration) height ease-in-out, var(--vft-transition-duration) padding-top ease-in-out, var(--vft-transition-duration) padding-bottom ease-in-out;
}

.vft-collapse-transition-leave-active,
.vft-collapse-transition-enter-active {
  transition: var(--vft-transition-duration) max-height ease-in-out, var(--vft-transition-duration) padding-top ease-in-out, var(--vft-transition-duration) padding-bottom ease-in-out;
}

.horizontal-collapse-transition {
  transition: var(--vft-transition-duration) width ease-in-out, var(--vft-transition-duration) padding-left ease-in-out, var(--vft-transition-duration) padding-right ease-in-out;
}

.vft-list-enter-active,
.vft-list-leave-active {
  transition: all 1s;
}

.vft-list-enter-from,
.vft-list-leave-to {
  transform: translateY(-1.875rem);
  opacity: 0;
}

.vft-list-leave-active {
  position: absolute !important;
}

.vft-opacity-transition {
  transition: opacity var(--vft-transition-duration) cubic-bezier(0.55, 0, 0.1, 1);
}

@keyframes vft-rotate {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes vft-loading-dot {
  33% {
    transform: translateY(-2em);
  }
  66% {
    transform: translateY(-1em);
  }
}
.vft-md-tabs {
  margin: 1.5rem 0;
  border: 0.125rem solid var(--vft-border-color);
  border-radius: 0.5rem;
}
.vft-md-tabs .tab-list-nav {
  margin: 0;
  padding: 0;
  overflow-x: auto;
  transition: var(--vft-transition-all);
  border-radius: 0.5rem 0.5rem 0 0;
  background: #e0e0e0;
  list-style: none;
  white-space: nowrap;
}
.vft-md-tabs .tab-list-nav-item {
  position: relative;
  min-width: 4rem;
  margin: 0;
  padding: 0.5em 1em;
  transition: var(--vft-transition-all);
  border-radius: 0.5rem 0.5rem 0 0;
  background: transparent;
  color: #2c3e50;
  font-size: 0.85em;
  font-weight: 600;
  line-height: 1.75;
  cursor: pointer;
  border-width: 0;
  background: transparent;
  cursor: pointer;
}
.vft-md-tabs .tab-list-nav-item:hover {
  background: var(--tab-nav-hover-color);
}
.vft-md-tabs .tab-list-nav-item::before, .vft-md-tabs .tab-list-nav-item::after {
  content: " ";
  position: absolute;
  z-index: 1;
  bottom: 0;
  width: 0.5rem;
  height: 0.5rem;
}
.vft-md-tabs .tab-list-nav-item::before {
  right: 100%;
}
.vft-md-tabs .tab-list-nav-item::after {
  left: 100%;
}
.vft-md-tabs .tab-list-nav-item.active {
  background: white;
}
.vft-md-tabs .tab-list-nav-item.active::before {
  background: radial-gradient(1rem at left top, transparent 50%, white 50%);
}
.vft-md-tabs .tab-list-nav-item.active::after {
  background: radial-gradient(1rem at right top, transparent 50%, white 50%);
}
.vft-md-tabs .tab-list-nav-item:first-child::before {
  display: none;
}
.vft-md-tabs .tab-item {
  display: none;
  padding: 1rem 0.75rem;
  transition: var(--vft-transition-all);
  background: white;
}
.vft-md-tabs .tab-item.active {
  display: block;
}.vft-fade-in-linear-enter-active,
.vft-fade-in-linear-leave-active {
  transition: var(--vft-transition-fade-linear);
}

.vft-fade-in-linear-enter-from,
.vft-fade-in-linear-leave-to {
  opacity: 0;
}

.vft-fade-in-enter-active,
.vft-fade-in-leave-active {
  transition: all var(--vft-transition-duration) cubic-bezier(0.55, 0, 0.1, 1);
}

.vft-fade-in-enter-from,
.vft-fade-in-leave-active {
  opacity: 0;
}

.vft-zoom-in-center-enter-active,
.vft-zoom-in-center-leave-active {
  transition: all var(--vft-transition-duration) cubic-bezier(0.55, 0, 0.1, 1);
}

.vft-zoom-in-center-enter-from,
.vft-zoom-in-center-leave-active {
  transform: scaleX(0);
  opacity: 0;
}

.vft-zoom-in-top-enter-active,
.vft-zoom-in-top-leave-active {
  transition: var(--vft-transition-md-fade);
  transform: scaleY(1);
  transform-origin: center top;
  opacity: 1;
}
.vft-zoom-in-top-enter-active[data-popper-placement^=top],
.vft-zoom-in-top-leave-active[data-popper-placement^=top] {
  transform-origin: center bottom;
}

.vft-zoom-in-top-enter-from,
.vft-zoom-in-top-leave-active {
  transform: scaleY(0);
  opacity: 0;
}

.vft-zoom-in-top-fast-enter-active {
  transition: var(--vft-transition-md-fade);
  transform: scaleY(1);
  transform-origin: center top;
  opacity: 1;
}
.vft-zoom-in-top-fast-enter-active[data-popper-placement^=top] {
  transform-origin: center bottom;
}

.vft-zoom-in-top-fast-leave-active {
  transform: scaleY(1);
  transform-origin: center top;
  opacity: 1;
}
.vft-zoom-in-top-fast-leave-active[data-popper-placement^=top] {
  transform-origin: center bottom;
}

.vft-zoom-in-top-fast-enter-from,
.vft-zoom-in-top-fast-leave-active {
  transform: scaleY(0);
  opacity: 0;
}

.vft-zoom-in-bottom-enter-active,
.vft-zoom-in-bottom-leave-active {
  transform: scaleY(1);
  transform-origin: center bottom;
  transition: var(--vft-transition-md-fade);
  opacity: 1;
}

.vft-zoom-in-bottom-enter-from,
.vft-zoom-in-bottom-leave-active {
  transform: scaleY(0);
  opacity: 0;
}

.vft-zoom-in-left-enter-active,
.vft-zoom-in-left-leave-active {
  transform: scale(1, 1);
  transform-origin: top left;
  transition: var(--vft-transition-md-fade);
  opacity: 1;
}

.vft-zoom-in-left-enter-from,
.vft-zoom-in-left-leave-active {
  transform: scale(0.45, 0.45);
  opacity: 0;
}

.collapse-transition {
  transition: var(--vft-transition-duration) height ease-in-out, var(--vft-transition-duration) padding-top ease-in-out, var(--vft-transition-duration) padding-bottom ease-in-out;
}

.vft-collapse-transition-leave-active,
.vft-collapse-transition-enter-active {
  transition: var(--vft-transition-duration) max-height ease-in-out, var(--vft-transition-duration) padding-top ease-in-out, var(--vft-transition-duration) padding-bottom ease-in-out;
}

.horizontal-collapse-transition {
  transition: var(--vft-transition-duration) width ease-in-out, var(--vft-transition-duration) padding-left ease-in-out, var(--vft-transition-duration) padding-right ease-in-out;
}

.vft-list-enter-active,
.vft-list-leave-active {
  transition: all 1s;
}

.vft-list-enter-from,
.vft-list-leave-to {
  transform: translateY(-1.875rem);
  opacity: 0;
}

.vft-list-leave-active {
  position: absolute !important;
}

.vft-opacity-transition {
  transition: opacity var(--vft-transition-duration) cubic-bezier(0.55, 0, 0.1, 1);
}

@keyframes vft-rotate {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes vft-loading-dot {
  33% {
    transform: translateY(-2em);
  }
  66% {
    transform: translateY(-1em);
  }
}
.vft-md-vue-playground {
  margin-top: 1rem;
  margin-bottom: 1rem;
  overflow: hidden;
  border: 0.0625rem solid var(--c-border, #ddd);
  border-radius: 0.375rem;
  /* vertical */
  /* mobile */
  /* BASICS */
  /* GUTTER */
  /* FOLD GUTTER */
  /* CURSOR */
  /* Shown when moving in bi-directional text */
  /* DEFAULT THEME */
  /* Default styles for common addons */
  /* The fake, visible scrollbars. Used to force redraw during scrolling
     before actual scrolling happens, thus preventing shaking and
     flickering artifacts. */
  /* Force content-box sizing for the elements where we expect it */
  /* Used to force a border model for a node */
  /* See issue #2901 */
  /* Help users use markselection to safely style text background */
}
@media (width >= 721px) {
  .vft-md-vue-playground .split-pane.vertical {
    display: block;
  }
  .vft-md-vue-playground .split-pane.vertical.dragging {
    cursor: ns-resize;
  }
  .vft-md-vue-playground .vertical .dragger {
    top: auto;
    right: 0;
    bottom: -0.3125rem;
    left: 0;
    width: 100%;
    height: 0.625rem;
    cursor: ns-resize;
  }
  .vft-md-vue-playground .vertical .left,
  .vft-md-vue-playground .vertical .right {
    width: 100%;
  }
  .vft-md-vue-playground .vertical .left {
    border-right: none;
    border-bottom: 0.0625rem solid var(--border);
  }
}
@media (width <= 720px) {
  .vft-md-vue-playground .left,
  .vft-md-vue-playground .right {
    width: 100% !important;
    height: 100% !important;
  }
  .vft-md-vue-playground .dragger {
    display: none;
  }
  .vft-md-vue-playground .split-pane .toggler {
    display: block;
  }
  .vft-md-vue-playground .split-pane .right {
    display: none;
  }
  .vft-md-vue-playground .split-pane.show-output .right {
    display: block;
  }
  .vft-md-vue-playground .split-pane.show-output .left {
    display: none;
  }
}
@media print {
  .vft-md-vue-playground {
    /* Hide the cursor when printing */
  }
  .vft-md-vue-playground .CodeMirror div.CodeMirror-cursors {
    visibility: hidden;
  }
}
@media (width <= 720px) {
  .vft-md-vue-playground .dismiss {
    top: -0.5625rem;
    right: -0.5625rem;
  }
  .vft-md-vue-playground .msg {
    bottom: 3.125rem;
  }
}
.vft-md-vue-playground .title-wrapper {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  padding: 0.5rem 0.625rem;
  transition: background var(--t-color, 0.3s ease) border-color var(--t-color, 0.3s ease);
  border-bottom: 0.0625rem solid var(--c-border, #ddd);
  background: var(--playground-header-bg-color, #eee);
  font-weight: 500;
}
.vft-md-vue-playground .title {
  flex: 1;
  overflow: hidden;
  font-size: 1.25rem;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.vft-md-vue-playground .actions {
  display: flex;
  align-items: center;
}
.vft-md-vue-playground .icon {
  width: 1.5rem;
  height: 1.5rem;
  fill: #777;
}
.vft-md-vue-playground .action {
  display: inline-flex;
  margin-inline-start: 0.625rem;
}
.vft-md-vue-playground .preview-loading-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background var(--t-color, 0.3s ease);
  background: var(--grey15);
}
.vft-md-vue-playground .preview-loading-wrapper .loading-icon {
  width: 4em;
  height: 4em;
  margin: 2.5em auto;
  transition: color var(--t-color, 0.3s ease);
  color: var(--c-brand, #3eaf7c);
}
.vft-md-vue-playground .source-container {
  display: none;
}
.vft-md-vue-playground .source-container.show {
  display: block;
}
.vft-md-vue-playground .repl-container {
  position: relative;
  height: auto;
  overflow: hidden;
  transition: background var(--t-color, 0.3s ease);
  background: var(--c-bg, #fff);
}
.vft-md-vue-playground .repl-container iframe {
  display: block;
  width: 100%;
  height: 100%;
  border: none;
}
.vft-md-vue-playground .repl-container .vue-repl .split-pane .left .editor-container {
  height: 100% !important;
}
.vft-md-vue-playground .repl-container.show-code .vue-repl .split-pane .left {
  display: block !important;
}
.vft-md-vue-playground .repl-container.hide-code .vue-repl .split-pane .left {
  display: none !important;
}
.vft-md-vue-playground pre,
.vft-md-vue-playground pre[class*=language-] {
  margin: 0;
  padding: 0;
  border-radius: 0;
}
.vft-md-vue-playground .split-pane {
  display: flex;
  position: relative;
  height: 100%;
}
.vft-md-vue-playground .split-pane.dragging {
  cursor: ew-resize;
}
.vft-md-vue-playground .dragging .left,
.vft-md-vue-playground .dragging .right {
  pointer-events: none;
}
.vft-md-vue-playground .left,
.vft-md-vue-playground .right {
  position: relative;
  height: 100%;
}
.vft-md-vue-playground .left {
  border-right: 0.0625rem solid var(--border);
}
.vft-md-vue-playground .dragger {
  position: absolute;
  z-index: 3;
  top: 0;
  right: -0.3125rem;
  bottom: 0;
  width: 0.625rem;
  cursor: ew-resize;
}
.vft-md-vue-playground .toggler {
  display: none;
  position: absolute;
  z-index: 3;
  bottom: 1.25rem;
  left: 50%;
  padding: 0.5rem 0.75rem;
  transform: translateX(-50%);
  border-radius: 0.5rem;
  background-color: var(--bg);
  box-shadow: 0 0.1875rem 0.5rem rgba(0, 0, 0, 0.25);
  color: var(--text-light);
}
.vft-md-vue-playground .dark .toggler {
  background-color: var(--bg);
}
.vft-md-vue-playground .file-selector[data-v-cbb0a4e5] {
  display: flex;
  position: relative;
  box-sizing: border-box;
  height: var(--header-height);
  overflow-x: auto;
  overflow-y: hidden;
  border-bottom: 0.0625rem solid var(--border);
  background-color: var(--bg);
  white-space: nowrap;
}
.vft-md-vue-playground .file-selector[data-v-cbb0a4e5]::-webkit-scrollbar {
  height: 0.0625rem;
}
.vft-md-vue-playground .file-selector[data-v-cbb0a4e5]::-webkit-scrollbar-track {
  background-color: var(--border);
}
.vft-md-vue-playground .file-selector[data-v-cbb0a4e5]::-webkit-scrollbar-thumb {
  background-color: var(--color-branding);
}
.vft-md-vue-playground .file-selector.has-import-map .add[data-v-cbb0a4e5] {
  margin-right: 0.625rem;
}
.vft-md-vue-playground .file[data-v-cbb0a4e5] {
  display: inline-block;
  box-sizing: border-box;
  color: var(--text-light);
  font-size: 0.8125rem;
  cursor: pointer;
}
.vft-md-vue-playground .file.active[data-v-cbb0a4e5] {
  border-bottom: 0.1875rem solid var(--color-branding);
  color: var(--color-branding);
  cursor: text;
}
.vft-md-vue-playground .file span[data-v-cbb0a4e5] {
  display: inline-block;
  padding: 0.5rem 0.625rem 0.375rem;
  line-height: 1.25rem;
}
.vft-md-vue-playground .file.pending input[data-v-cbb0a4e5] {
  width: 5.625rem;
  height: 1.875rem;
  margin-top: 0.125rem;
  margin-left: 0.375rem;
  padding: 0 0 0 0.625rem;
  border: 0.0625rem solid var(--border);
  border-radius: 0.25rem;
  outline: none;
  font-size: 0.75rem;
  line-height: 1.875rem;
}
.vft-md-vue-playground .file .remove[data-v-cbb0a4e5] {
  display: inline-block;
  padding-left: 0;
  line-height: 0.75rem;
  vertical-align: middle;
  cursor: pointer;
}
.vft-md-vue-playground .add[data-v-cbb0a4e5] {
  position: relative;
  top: -0.0625rem;
  margin-left: 0.375rem;
  color: #999;
  font-size: 1.125rem;
  vertical-align: middle;
}
.vft-md-vue-playground .add[data-v-cbb0a4e5]:hover {
  color: var(--color-branding);
}
.vft-md-vue-playground .icon[data-v-cbb0a4e5] {
  margin-top: -0.0625rem;
}
.vft-md-vue-playground .import-map-wrapper[data-v-cbb0a4e5] {
  position: sticky;
  top: 0;
  right: 0;
  margin-left: auto;
  padding-left: 1.875rem;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 25%);
  background-color: var(--bg);
}
.vft-md-vue-playground .dark .import-map-wrapper[data-v-cbb0a4e5] {
  background: linear-gradient(90deg, rgba(26, 26, 26, 0) 0%, rgb(26, 26, 26) 25%);
}
.vft-md-vue-playground .CodeMirror {
  --symbols: #777;
  --base: #545281;
  --comment: hsl(210deg, 25%, 60%);
  --keyword: #af4ab1;
  --variable: var(--base);
  --function: #c25205;
  --string: #2ba46d;
  --number: #c25205;
  --tags: #d00;
  --brackets: var(--comment);
  --qualifier: #ff6032;
  --important: var(--string);
  --attribute: #9c3eda;
  --property: #6182b8;
  --selected-bg: #d7d4f0;
  --selected-bg-non-focus: #d9d9d9;
  --cursor: #000;
  position: relative;
  height: 100%;
  overflow: hidden;
  background: white;
  color: var(--symbols);
  line-height: 1.5;
  direction: ltr;
}
.vft-md-vue-playground .dark .CodeMirror {
  --symbols: #89ddff;
  --base: #a6accd;
  --comment: #6d6d6d;
  --keyword: #89ddff;
  --string: #c3e88d;
  --variable: #82aaff;
  --number: #f78c6c;
  --tags: #f07178;
  --brackets: var(--symbols);
  --property: #f07178;
  --attribute: #c792ea;
  --cursor: #fff;
  --selected-bg: rgba(255, 255, 255, 0.1);
  --selected-bg-non-focus: rgba(255, 255, 255, 0.15);
  color: var(--symbols);
}
.vft-md-vue-playground .CodeMirror-scrollbar-filler,
.vft-md-vue-playground .CodeMirror-gutter-filler {
  background-color: white; /* The little square between H and V scrollbars */
}
.vft-md-vue-playground .CodeMirror-gutters {
  position: absolute;
  z-index: 3;
  top: 0;
  left: 0;
  min-height: 100%;
  border-right: 0.0625rem solid var(--border);
  background-color: transparent;
  white-space: nowrap;
}
.vft-md-vue-playground .CodeMirror-linenumber {
  min-width: 1.25rem;
  padding: 0 0.1875rem 0 0.3125rem;
  opacity: 0.6;
  color: var(--comment);
  text-align: right;
  white-space: nowrap;
}
.vft-md-vue-playground .CodeMirror-guttermarker {
  color: black;
}
.vft-md-vue-playground .CodeMirror-guttermarker-subtle {
  color: #999;
}
.vft-md-vue-playground .CodeMirror-foldmarker {
  color: #414141;
  line-height: 0.3;
  text-shadow: #f96 0.0625rem 0.0625rem 0.125rem, #f96 -0.0625rem -0.0625rem 0.125rem, #f96 0.0625rem -0.0625rem 0.125rem, #f96 -0.0625rem 0.0625rem 0.125rem;
  cursor: pointer;
}
.vft-md-vue-playground .CodeMirror-foldgutter {
  width: 0.7em;
}
.vft-md-vue-playground .CodeMirror-foldgutter-open,
.vft-md-vue-playground .CodeMirror-foldgutter-folded {
  cursor: pointer;
}
.vft-md-vue-playground .CodeMirror-foldgutter-open::after,
.vft-md-vue-playground .CodeMirror-foldgutter-folded::after {
  content: ">";
  display: inline-block;
  position: relative;
  top: -0.1em;
  transform: rotate(90deg);
  transition: transform 0.2s;
  opacity: 0.8;
  font-size: 0.8em;
}
.vft-md-vue-playground .CodeMirror-foldgutter-folded::after {
  transform: none;
}
.vft-md-vue-playground .CodeMirror-cursor {
  position: absolute;
  width: 0;
  border-right: none;
  border-left: 0.0625rem solid var(--cursor);
  pointer-events: none;
}
.vft-md-vue-playground .CodeMirror div.CodeMirror-secondarycursor {
  border-left: 0.0625rem solid silver;
}
.vft-md-vue-playground .cm-fat-cursor .CodeMirror-cursor {
  width: auto;
  border: 0 !important;
  background: #7e7;
}
.vft-md-vue-playground .cm-fat-cursor div.CodeMirror-cursors {
  z-index: 1;
}
.vft-md-vue-playground .cm-fat-cursor-mark {
  animation: blink 1.06s steps(1) infinite;
  background-color: rgba(20, 255, 20, 0.5);
}
.vft-md-vue-playground .cm-animate-fat-cursor {
  width: auto;
  animation: blink 1.06s steps(1) infinite;
  border: 0;
  background-color: #7e7;
}
.vft-md-vue-playground .cm-tab {
  display: inline-block;
  text-decoration: inherit;
}
.vft-md-vue-playground .CodeMirror-rulers {
  position: absolute;
  top: -3.125rem;
  right: 0;
  bottom: -1.25rem;
  left: 0;
  overflow: hidden;
}
.vft-md-vue-playground .CodeMirror-ruler {
  position: absolute;
  top: 0;
  bottom: 0;
  border-left: 0.0625rem solid #ccc;
}
.vft-md-vue-playground .cm-s-default.CodeMirror {
  background-color: transparent;
}
.vft-md-vue-playground .cm-s-default .cm-header {
  color: blue;
}
.vft-md-vue-playground .cm-s-default .cm-quote {
  color: #090;
}
.vft-md-vue-playground .cm-negative {
  color: #d44;
}
.vft-md-vue-playground .cm-positive {
  color: #292;
}
.vft-md-vue-playground .cm-header,
.vft-md-vue-playground .cm-strong {
  font-weight: bold;
}
.vft-md-vue-playground .cm-em {
  font-style: italic;
}
.vft-md-vue-playground .cm-link {
  text-decoration: underline;
}
.vft-md-vue-playground .cm-strikethrough {
  text-decoration: line-through;
}
.vft-md-vue-playground .cm-s-default .cm-atom,
.vft-md-vue-playground .cm-s-default .cm-def,
.vft-md-vue-playground .cm-s-default .cm-variable-2,
.vft-md-vue-playground .cm-s-default .cm-variable-3,
.vft-md-vue-playground .cm-s-default .cm-punctuation {
  color: var(--base);
}
.vft-md-vue-playground .cm-s-default .cm-property {
  color: var(--property);
}
.vft-md-vue-playground .cm-s-default .cm-hr,
.vft-md-vue-playground .cm-s-default .cm-comment {
  color: var(--comment);
}
.vft-md-vue-playground .cm-s-default .cm-attribute {
  color: var(--attribute);
}
.vft-md-vue-playground .cm-s-default .cm-keyword {
  color: var(--keyword);
}
.vft-md-vue-playground .cm-s-default .cm-variable {
  color: var(--variable);
}
.vft-md-vue-playground .cm-s-default .cm-tag {
  color: var(--tags);
}
.vft-md-vue-playground .cm-s-default .cm-bracket {
  color: var(--brackets);
}
.vft-md-vue-playground .cm-s-default .cm-number {
  color: var(--number);
}
.vft-md-vue-playground .cm-s-default .cm-string,
.vft-md-vue-playground .cm-s-default .cm-string-2 {
  color: var(--string);
}
.vft-md-vue-playground .cm-s-default .cm-type {
  color: #085;
}
.vft-md-vue-playground .cm-s-default .cm-meta {
  color: #555;
}
.vft-md-vue-playground .cm-s-default .cm-qualifier {
  color: var(--qualifier);
}
.vft-md-vue-playground .cm-s-default .cm-builtin {
  color: #7539ff;
}
.vft-md-vue-playground .cm-s-default .cm-link {
  color: var(--flash);
}
.vft-md-vue-playground .cm-s-default .cm-error {
  color: #ff008c;
}
.vft-md-vue-playground .cm-invalidchar {
  color: #ff008c;
}
.vft-md-vue-playground .CodeMirror-composing {
  border-bottom: 0.125rem solid;
}
.vft-md-vue-playground div.CodeMirror span.CodeMirror-matchingbracket {
  color: #0b0;
}
.vft-md-vue-playground div.CodeMirror span.CodeMirror-nonmatchingbracket {
  color: #a22;
}
.vft-md-vue-playground .CodeMirror-matchingtag {
  background: rgba(255, 150, 0, 0.3);
}
.vft-md-vue-playground .CodeMirror-activeline-background {
  background: #e8f2ff;
}
.vft-md-vue-playground .CodeMirror-scroll {
  position: relative;
  height: 100%;
  margin-right: -1.875rem;
  /* 30px is the magic margin used to hide the element's real scrollbars */
  /* See overflow: hidden in .CodeMirror */
  margin-bottom: -1.875rem;
  padding-bottom: 1.875rem;
  overflow: scroll !important; /* Things will break if this is overridden */
  outline: none; /* Prevent dragging from highlighting the element */
}
.vft-md-vue-playground .CodeMirror-sizer {
  position: relative;
  border-right: 1.875rem solid transparent;
}
.vft-md-vue-playground .CodeMirror-vscrollbar,
.vft-md-vue-playground .CodeMirror-hscrollbar,
.vft-md-vue-playground .CodeMirror-scrollbar-filler,
.vft-md-vue-playground .CodeMirror-gutter-filler {
  display: none;
  position: absolute;
  z-index: 6;
}
.vft-md-vue-playground .CodeMirror-vscrollbar {
  top: 0;
  right: 0;
  overflow-x: hidden;
  overflow-y: scroll;
}
.vft-md-vue-playground .CodeMirror-hscrollbar {
  bottom: 0;
  left: 0;
  overflow-x: scroll;
  overflow-y: hidden;
}
.vft-md-vue-playground .CodeMirror-scrollbar-filler {
  right: 0;
  bottom: 0;
}
.vft-md-vue-playground .CodeMirror-gutter-filler {
  bottom: 0;
  left: 0;
}
.vft-md-vue-playground .CodeMirror-gutter {
  display: inline-block;
  height: 100%;
  margin-bottom: -1.875rem;
  vertical-align: top;
  white-space: normal;
}
.vft-md-vue-playground .CodeMirror-gutter-wrapper {
  position: absolute;
  z-index: 4;
  border: none !important;
  background: none !important;
}
.vft-md-vue-playground .CodeMirror-gutter-background {
  position: absolute;
  z-index: 4;
  top: 0;
  bottom: 0;
}
.vft-md-vue-playground .CodeMirror-gutter-elt {
  position: absolute;
  z-index: 4;
  cursor: default;
}
.vft-md-vue-playground .CodeMirror-gutter-wrapper ::-moz-selection {
  background-color: transparent;
}
.vft-md-vue-playground .CodeMirror-gutter-wrapper ::selection {
  background-color: transparent;
}
.vft-md-vue-playground .CodeMirrorwrapper ::-moz-selection {
  background-color: transparent;
}
.vft-md-vue-playground .CodeMirrorwrapper ::selection {
  background-color: transparent;
}
.vft-md-vue-playground .CodeMirror-lines {
  min-height: 0.0625rem; /* prevents collapsing before first draw */
  padding: 0.25rem 0; /* Vertical padding around content */
  cursor: text;
}
.vft-md-vue-playground .CodeMirror pre {
  position: relative;
  z-index: 2;
  margin: 0;
  padding: 0 0.25rem; /* Horizontal padding of content */
  overflow: visible;
  border-width: 0;
  /* Reset some styles that the rest of the page might have set */
  border-radius: 0;
  background: transparent;
  word-wrap: normal;
  white-space: pre;
  -webkit-tap-highlight-color: transparent;
  font-variant-ligatures: contextual;
}
.vft-md-vue-playground .CodeMirror-wrap pre {
  word-wrap: break-word;
  word-break: normal;
  white-space: pre-wrap;
}
.vft-md-vue-playground .CodeMirror-linebackground {
  position: absolute;
  z-index: 0;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.vft-md-vue-playground .CodeMirror-linewidget {
  position: relative;
  z-index: 2;
  padding: 0.00625rem; /* Force widget margins to stay inside of the container */
}
.vft-md-vue-playground .CodeMirror-rtl pre {
  direction: rtl;
}
.vft-md-vue-playground .CodeMirror-code {
  outline: none;
}
.vft-md-vue-playground .CodeMirror-scroll,
.vft-md-vue-playground .CodeMirror-sizer,
.vft-md-vue-playground .CodeMirror-gutter,
.vft-md-vue-playground .CodeMirror-gutters,
.vft-md-vue-playground .CodeMirror-linenumber {
  box-sizing: content-box;
}
.vft-md-vue-playground .CodeMirror-measure {
  visibility: hidden;
  position: absolute;
  width: 100%;
  height: 0;
  overflow: hidden;
}
.vft-md-vue-playground .CodeMirror-measure pre {
  position: static;
}
.vft-md-vue-playground div.CodeMirror-cursors {
  visibility: hidden;
  position: relative;
  z-index: 3;
}
.vft-md-vue-playground div.CodeMirror-dragcursors {
  visibility: visible;
}
.vft-md-vue-playground .CodeMirror-focused div.CodeMirror-cursors {
  visibility: visible;
}
.vft-md-vue-playground .CodeMirror-selected {
  background: var(--selected-bg-non-focus);
}
.vft-md-vue-playground .CodeMirror-focused .CodeMirror-selected {
  background: var(--selected-bg);
}
.vft-md-vue-playground .CodeMirror-crosshair {
  cursor: crosshair;
}
.vft-md-vue-playground .CodeMirror-line::-moz-selection, .vft-md-vue-playground .CodeMirror-line > span::-moz-selection, .vft-md-vue-playground .CodeMirror-line > span > span::-moz-selection {
  background: var(--selected-bg);
}
.vft-md-vue-playground .CodeMirror-line::selection,
.vft-md-vue-playground .CodeMirror-line > span::selection,
.vft-md-vue-playground .CodeMirror-line > span > span::selection {
  background: var(--selected-bg);
}
.vft-md-vue-playground .cm-searching {
  background-color: #ffa;
  background-color: rgba(255, 255, 0, 0.4);
}
.vft-md-vue-playground .cm-force-border {
  padding-right: 0.00625rem;
}
.vft-md-vue-playground .cm-tab-wrap-hack::after {
  content: "";
}
.vft-md-vue-playground span.CodeMirror-selectedtext {
  background: none;
}
.vft-md-vue-playground .editor {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.vft-md-vue-playground .msg {
  display: flex;
  position: absolute;
  z-index: 10;
  right: 0.5rem;
  bottom: 0;
  left: 0.5rem;
  align-items: stretch;
  min-height: 2.5rem;
  max-height: calc(100% - 18.75rem);
  margin-bottom: 0.5rem;
  border: 0.125rem solid transparent;
  border-radius: 0.375rem;
  white-space: pre-wrap;
}
.vft-md-vue-playground pre {
  margin: 0;
  padding: 0.75rem 1.25rem;
  overflow: auto;
}
.vft-md-vue-playground .dismiss {
  display: block;
  position: absolute;
  top: 0.125rem;
  right: 0.125rem;
  width: 1.125rem;
  height: 1.125rem;
  padding: 0;
  border-radius: 0.5625rem;
  background-color: red;
  color: #fff;
  font-size: 0.5625rem;
  line-height: 1.125rem;
  text-align: center;
}
.vft-md-vue-playground .msg.err {
  border-color: red;
  background-color: #ffd7d7;
  color: red;
}
.vft-md-vue-playground .msg.warn {
  --color: rgb(105, 95, 27);
  border-color: var(--color);
  background-color: rgb(247, 240, 205);
  color: var(--color);
}
.vft-md-vue-playground .msg.warn .dismiss {
  background-color: var(--color);
}
.vft-md-vue-playground .fade-enter-active,
.vft-md-vue-playground .fade-leave-active {
  transition: all 0.15s ease-out;
}
.vft-md-vue-playground .fade-enter-from,
.vft-md-vue-playground .fade-leave-to {
  transform: translate(0, 0.625rem);
  opacity: 0;
}
.vft-md-vue-playground .editor-container[data-v-0384e940] {
  position: relative;
  height: calc(100% - var(--header-height));
  overflow: hidden;
}
.vft-md-vue-playground .iframe-container[data-v-21e1de24],
.vft-md-vue-playground .iframe-container[data-v-21e1de24] iframe {
  width: 100%;
  height: 100%;
  border: none;
  background-color: #fff;
}
.vft-md-vue-playground .output-container[data-v-5d2df9cb] {
  position: relative;
  height: calc(100% - var(--header-height));
  overflow: hidden;
}
.vft-md-vue-playground .tab-buttons[data-v-5d2df9cb] {
  box-sizing: border-box;
  height: var(--header-height);
  overflow: hidden;
  border-bottom: 0.0625rem solid var(--border);
  background-color: var(--bg);
}
.vft-md-vue-playground .tab-buttons button[data-v-5d2df9cb] {
  box-sizing: border-box;
  padding: 0;
}
.vft-md-vue-playground .tab-buttons span[data-v-5d2df9cb] {
  display: inline-block;
  padding: 0.5rem 1rem 0.375rem;
  color: var(--text-light);
  font-size: 0.8125rem;
  line-height: 1.25rem;
  text-transform: uppercase;
}
.vft-md-vue-playground button.active[data-v-5d2df9cb] {
  border-bottom: 0.1875rem solid var(--color-branding-dark);
  color: var(--color-branding-dark);
}
.vft-md-vue-playground .vue-repl {
  --bg: #fff;
  --bg-soft: #f8f8f8;
  --border: #ddd;
  --text-light: #888;
  --font-code: menlo, monaco, consolas, "Courier New", monospace;
  --color-branding: #42b883;
  --color-branding-dark: #416f9c;
  --header-height: 2.375rem;
  margin: 0;
  overflow: hidden;
  background-color: var(--bg-soft);
  font-size: 0.8125rem;
}
.vft-md-vue-playground .dark .vue-repl {
  --bg: #1a1a1a;
  --bg-soft: #242424;
  --border: #383838;
  --text-light: #aaa;
  --color-branding: #42d392;
  --color-branding-dark: #89ddff;
}
.vft-md-vue-playground button {
  margin: 0;
  border: none;
  outline: none;
  background-color: transparent;
  cursor: pointer;
}
@keyframes blink {
  50% {
    background-color: transparent;
  }
}.vft-fade-in-linear-enter-active,
.vft-fade-in-linear-leave-active {
  transition: var(--vft-transition-fade-linear);
}

.vft-fade-in-linear-enter-from,
.vft-fade-in-linear-leave-to {
  opacity: 0;
}

.vft-fade-in-enter-active,
.vft-fade-in-leave-active {
  transition: all var(--vft-transition-duration) cubic-bezier(0.55, 0, 0.1, 1);
}

.vft-fade-in-enter-from,
.vft-fade-in-leave-active {
  opacity: 0;
}

.vft-zoom-in-center-enter-active,
.vft-zoom-in-center-leave-active {
  transition: all var(--vft-transition-duration) cubic-bezier(0.55, 0, 0.1, 1);
}

.vft-zoom-in-center-enter-from,
.vft-zoom-in-center-leave-active {
  transform: scaleX(0);
  opacity: 0;
}

.vft-zoom-in-top-enter-active,
.vft-zoom-in-top-leave-active {
  transition: var(--vft-transition-md-fade);
  transform: scaleY(1);
  transform-origin: center top;
  opacity: 1;
}
.vft-zoom-in-top-enter-active[data-popper-placement^=top],
.vft-zoom-in-top-leave-active[data-popper-placement^=top] {
  transform-origin: center bottom;
}

.vft-zoom-in-top-enter-from,
.vft-zoom-in-top-leave-active {
  transform: scaleY(0);
  opacity: 0;
}

.vft-zoom-in-top-fast-enter-active {
  transition: var(--vft-transition-md-fade);
  transform: scaleY(1);
  transform-origin: center top;
  opacity: 1;
}
.vft-zoom-in-top-fast-enter-active[data-popper-placement^=top] {
  transform-origin: center bottom;
}

.vft-zoom-in-top-fast-leave-active {
  transform: scaleY(1);
  transform-origin: center top;
  opacity: 1;
}
.vft-zoom-in-top-fast-leave-active[data-popper-placement^=top] {
  transform-origin: center bottom;
}

.vft-zoom-in-top-fast-enter-from,
.vft-zoom-in-top-fast-leave-active {
  transform: scaleY(0);
  opacity: 0;
}

.vft-zoom-in-bottom-enter-active,
.vft-zoom-in-bottom-leave-active {
  transform: scaleY(1);
  transform-origin: center bottom;
  transition: var(--vft-transition-md-fade);
  opacity: 1;
}

.vft-zoom-in-bottom-enter-from,
.vft-zoom-in-bottom-leave-active {
  transform: scaleY(0);
  opacity: 0;
}

.vft-zoom-in-left-enter-active,
.vft-zoom-in-left-leave-active {
  transform: scale(1, 1);
  transform-origin: top left;
  transition: var(--vft-transition-md-fade);
  opacity: 1;
}

.vft-zoom-in-left-enter-from,
.vft-zoom-in-left-leave-active {
  transform: scale(0.45, 0.45);
  opacity: 0;
}

.collapse-transition {
  transition: var(--vft-transition-duration) height ease-in-out, var(--vft-transition-duration) padding-top ease-in-out, var(--vft-transition-duration) padding-bottom ease-in-out;
}

.vft-collapse-transition-leave-active,
.vft-collapse-transition-enter-active {
  transition: var(--vft-transition-duration) max-height ease-in-out, var(--vft-transition-duration) padding-top ease-in-out, var(--vft-transition-duration) padding-bottom ease-in-out;
}

.horizontal-collapse-transition {
  transition: var(--vft-transition-duration) width ease-in-out, var(--vft-transition-duration) padding-left ease-in-out, var(--vft-transition-duration) padding-right ease-in-out;
}

.vft-list-enter-active,
.vft-list-leave-active {
  transition: all 1s;
}

.vft-list-enter-from,
.vft-list-leave-to {
  transform: translateY(-1.875rem);
  opacity: 0;
}

.vft-list-leave-active {
  position: absolute !important;
}

.vft-opacity-transition {
  transition: opacity var(--vft-transition-duration) cubic-bezier(0.55, 0, 0.1, 1);
}

@keyframes vft-rotate {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes vft-loading-dot {
  33% {
    transform: translateY(-2em);
  }
  66% {
    transform: translateY(-1em);
  }
}
.vft-alert {
  --vft-alert-padding: 0.5rem 1rem;
  --vft-alert-border-radius-base: var(--vft-border-radius-base);
  --vft-alert-title-font-size: 0.8125rem;
  --vft-alert-description-font-size: 0.75rem;
  --vft-alert-close-font-size: 0.75rem;
  --vft-alert-close-customed-font-size: 0.8125rem;
  --vft-alert-icon-size: 1rem;
  --vft-alert-icon-large-size: 1.75rem;
  display: flex;
  position: relative;
  box-sizing: border-box;
  align-items: center;
  width: 100%;
  margin: 0;
  padding: var(--vft-alert-padding);
  overflow: hidden;
  transition: opacity var(--vft-transition-duration-fast);
  border-radius: var(--vft-alert-border-radius-base);
  opacity: 1;
  background-color: var(--vft-color-white);
}
.vft-alert--success {
  --vft-alert-bg-color: var(--vft-success-color-light-9);
}
.vft-alert--success.is-light {
  background-color: var(--vft-alert-bg-color);
  color: var(--vft-success-color);
}
.vft-alert--success.is-light .vft-alert__description {
  color: var(--vft-success-color);
}
.vft-alert--success.is-dark {
  background-color: var(--vft-success-color);
  color: var(--vft-color-white);
}

.vft-alert--info {
  --vft-alert-bg-color: var(--vft-info-color-light-9);
}
.vft-alert--info.is-light {
  background-color: var(--vft-alert-bg-color);
  color: var(--vft-info-color);
}
.vft-alert--info.is-light .vft-alert__description {
  color: var(--vft-info-color);
}
.vft-alert--info.is-dark {
  background-color: var(--vft-info-color);
  color: var(--vft-color-white);
}

.vft-alert--warning {
  --vft-alert-bg-color: var(--vft-warning-color-light-9);
}
.vft-alert--warning.is-light {
  background-color: var(--vft-alert-bg-color);
  color: var(--vft-warning-color);
}
.vft-alert--warning.is-light .vft-alert__description {
  color: var(--vft-warning-color);
}
.vft-alert--warning.is-dark {
  background-color: var(--vft-warning-color);
  color: var(--vft-color-white);
}

.vft-alert--error {
  --vft-alert-bg-color: var(--vft-error-color-light-9);
}
.vft-alert--error.is-light {
  background-color: var(--vft-alert-bg-color);
  color: var(--vft-error-color);
}
.vft-alert--error.is-light .vft-alert__description {
  color: var(--vft-error-color);
}
.vft-alert--error.is-dark {
  background-color: var(--vft-error-color);
  color: var(--vft-color-white);
}

.vft-alert.is-center {
  justify-content: center;
}

.vft-alert__content {
  display: table-cell;
  padding: 0 0.5rem;
}

.vft-alert__title {
  font-size: var(--vft-alert-title-font-size);
  line-height: 1.125rem;
  vertical-align: text-top;
}
.vft-alert__title.is-bold {
  font-weight: bold;
}

.vft-alert.is-light .vft-alert__close-btn {
  color: var(--vft-text-placeholder-color);
}

.vft-alert.is-dark .vft-alert__close-btn {
  color: var(--vft-color-white);
}
.vft-alert.is-dark .vft-alert__description {
  color: var(--vft-color-white);
}

.vft-alert .vft-alert__icon {
  width: var(--vft-alert-icon-size);
  font-size: var(--vft-alert-icon-size);
}
.vft-alert .vft-alert__icon.is-big {
  width: var(--vft-alert-icon-large-size);
  font-size: var(--vft-alert-icon-large-size);
}

.vft-alert .vft-alert__description {
  margin: 0.3125rem 0 0;
  font-size: var(--vft-alert-description-font-size);
}
.vft-alert .vft-alert__close-btn {
  position: absolute;
  top: 0.75rem;
  right: 0.9375rem;
  opacity: 1;
  font-size: var(--vft-alert-close-font-size);
  cursor: pointer;
}
.vft-alert .vft-alert__close-btn.is-customed {
  top: 0.5625rem;
  font-size: var(--vft-alert-close-customed-font-size);
  font-style: normal;
}

.vft-alert-fade-enter-from,
.vft-alert-fade-leave-active {
  opacity: 0;
}.vft-fade-in-linear-enter-active,
.vft-fade-in-linear-leave-active {
  transition: var(--vft-transition-fade-linear);
}

.vft-fade-in-linear-enter-from,
.vft-fade-in-linear-leave-to {
  opacity: 0;
}

.vft-fade-in-enter-active,
.vft-fade-in-leave-active {
  transition: all var(--vft-transition-duration) cubic-bezier(0.55, 0, 0.1, 1);
}

.vft-fade-in-enter-from,
.vft-fade-in-leave-active {
  opacity: 0;
}

.vft-zoom-in-center-enter-active,
.vft-zoom-in-center-leave-active {
  transition: all var(--vft-transition-duration) cubic-bezier(0.55, 0, 0.1, 1);
}

.vft-zoom-in-center-enter-from,
.vft-zoom-in-center-leave-active {
  transform: scaleX(0);
  opacity: 0;
}

.vft-zoom-in-top-enter-active,
.vft-zoom-in-top-leave-active {
  transition: var(--vft-transition-md-fade);
  transform: scaleY(1);
  transform-origin: center top;
  opacity: 1;
}
.vft-zoom-in-top-enter-active[data-popper-placement^=top],
.vft-zoom-in-top-leave-active[data-popper-placement^=top] {
  transform-origin: center bottom;
}

.vft-zoom-in-top-enter-from,
.vft-zoom-in-top-leave-active {
  transform: scaleY(0);
  opacity: 0;
}

.vft-zoom-in-top-fast-enter-active {
  transition: var(--vft-transition-md-fade);
  transform: scaleY(1);
  transform-origin: center top;
  opacity: 1;
}
.vft-zoom-in-top-fast-enter-active[data-popper-placement^=top] {
  transform-origin: center bottom;
}

.vft-zoom-in-top-fast-leave-active {
  transform: scaleY(1);
  transform-origin: center top;
  opacity: 1;
}
.vft-zoom-in-top-fast-leave-active[data-popper-placement^=top] {
  transform-origin: center bottom;
}

.vft-zoom-in-top-fast-enter-from,
.vft-zoom-in-top-fast-leave-active {
  transform: scaleY(0);
  opacity: 0;
}

.vft-zoom-in-bottom-enter-active,
.vft-zoom-in-bottom-leave-active {
  transform: scaleY(1);
  transform-origin: center bottom;
  transition: var(--vft-transition-md-fade);
  opacity: 1;
}

.vft-zoom-in-bottom-enter-from,
.vft-zoom-in-bottom-leave-active {
  transform: scaleY(0);
  opacity: 0;
}

.vft-zoom-in-left-enter-active,
.vft-zoom-in-left-leave-active {
  transform: scale(1, 1);
  transform-origin: top left;
  transition: var(--vft-transition-md-fade);
  opacity: 1;
}

.vft-zoom-in-left-enter-from,
.vft-zoom-in-left-leave-active {
  transform: scale(0.45, 0.45);
  opacity: 0;
}

.collapse-transition {
  transition: var(--vft-transition-duration) height ease-in-out, var(--vft-transition-duration) padding-top ease-in-out, var(--vft-transition-duration) padding-bottom ease-in-out;
}

.vft-collapse-transition-leave-active,
.vft-collapse-transition-enter-active {
  transition: var(--vft-transition-duration) max-height ease-in-out, var(--vft-transition-duration) padding-top ease-in-out, var(--vft-transition-duration) padding-bottom ease-in-out;
}

.horizontal-collapse-transition {
  transition: var(--vft-transition-duration) width ease-in-out, var(--vft-transition-duration) padding-left ease-in-out, var(--vft-transition-duration) padding-right ease-in-out;
}

.vft-list-enter-active,
.vft-list-leave-active {
  transition: all 1s;
}

.vft-list-enter-from,
.vft-list-leave-to {
  transform: translateY(-1.875rem);
  opacity: 0;
}

.vft-list-leave-active {
  position: absolute !important;
}

.vft-opacity-transition {
  transition: opacity var(--vft-transition-duration) cubic-bezier(0.55, 0, 0.1, 1);
}

@keyframes vft-rotate {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes vft-loading-dot {
  33% {
    transform: translateY(-2em);
  }
  66% {
    transform: translateY(-1em);
  }
}
.vft-image-viewer__wrapper {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.vft-image-viewer__wrapper i {
  font-size: inherit !important;
  cursor: pointer;
}

.vft-image-viewer__btn {
  position: absolute;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  opacity: 0.8;
  cursor: pointer;
  box-sizing: border-box;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.vft-image-viewer__btn .vft-icon {
  font-size: inherit;
  cursor: pointer;
}

.vft-image-viewer__close {
  top: 2.5rem;
  right: 2.5rem;
  width: 2.5rem;
  height: 2.5rem;
  font-size: 2.5rem;
}

.vft-image-viewer__canvas {
  position: static;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.vft-image-viewer__actions {
  left: 50%;
  bottom: 1.875rem;
  transform: translateX(-50%);
  width: 17.625rem;
  height: 2.75rem;
  padding: 0 1.4375rem;
  background-color: var(--vft-text-regular-color);
  border-color: #fff;
  border-radius: 1.375rem;
}
.vft-image-viewer__actions__inner {
  width: 100%;
  height: 100%;
  text-align: justify;
  cursor: default;
  font-size: 1.4375rem;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: space-around;
}

.vft-image-viewer__prev {
  top: 50%;
  transform: translateY(-50%);
  left: 2.5rem;
  width: 2.75rem;
  height: 2.75rem;
  font-size: 1.5rem;
  color: #fff;
  background-color: var(--vft-text-regular-color);
  border-color: #fff;
}

.vft-image-viewer__next {
  top: 50%;
  transform: translateY(-50%);
  right: 2.5rem;
  text-indent: 0.125rem;
  width: 2.75rem;
  height: 2.75rem;
  font-size: 1.5rem;
  color: #fff;
  background-color: var(--vft-text-regular-color);
  border-color: #fff;
}

.vft-image-viewer__close {
  width: 2.75rem;
  height: 2.75rem;
  font-size: 1.5rem;
  color: #fff;
  background-color: var(--vft-text-regular-color);
  border-color: #fff;
}

.vft-image-viewer__mask {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 0.5;
  background: #000;
}

.viewer-fade-enter-active {
  animation: viewer-fade-in var(--vft-transition-duration);
}

.viewer-fade-leave-active {
  animation: viewer-fade-out var(--vft-transition-duration);
}

@keyframes viewer-fade-in {
  0% {
    transform: translate3d(0, -1.25rem, 0);
    opacity: 0;
  }
  100% {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes viewer-fade-out {
  0% {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
  100% {
    transform: translate3d(0, -1.25rem, 0);
    opacity: 0;
  }
}
.icon-close {
  width: 1em;
  height: 1em;
  background-color: currentcolor;
  -webkit-mask: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="M764.288 214.592L512 466.88L259.712 214.592a31.936 31.936 0 0 0-45.12 45.12L466.752 512L214.528 764.224a31.936 31.936 0 1 0 45.12 45.184L512 557.184l252.288 252.288a31.936 31.936 0 0 0 45.12-45.12L557.12 512.064l252.288-252.352a31.936 31.936 0 1 0-45.12-45.184z"%2F%3E%3C%2Fsvg%3E') no-repeat;
          mask: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="M764.288 214.592L512 466.88L259.712 214.592a31.936 31.936 0 0 0-45.12 45.12L466.752 512L214.528 764.224a31.936 31.936 0 1 0 45.12 45.184L512 557.184l252.288 252.288a31.936 31.936 0 0 0 45.12-45.12L557.12 512.064l252.288-252.352a31.936 31.936 0 1 0-45.12-45.184z"%2F%3E%3C%2Fsvg%3E') no-repeat;
  -webkit-mask-size: 100% 100%;
          mask-size: 100% 100%;
}

.icon-arrow-left {
  width: 1em;
  height: 1em;
  background-color: currentcolor;
  -webkit-mask: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="M609.408 149.376L277.76 489.6a32 32 0 0 0 0 44.672l331.648 340.352a29.12 29.12 0 0 0 41.728 0a30.592 30.592 0 0 0 0-42.752L339.264 511.936l311.872-319.872a30.592 30.592 0 0 0 0-42.688a29.12 29.12 0 0 0-41.728 0z"%2F%3E%3C%2Fsvg%3E') no-repeat;
          mask: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="M609.408 149.376L277.76 489.6a32 32 0 0 0 0 44.672l331.648 340.352a29.12 29.12 0 0 0 41.728 0a30.592 30.592 0 0 0 0-42.752L339.264 511.936l311.872-319.872a30.592 30.592 0 0 0 0-42.688a29.12 29.12 0 0 0-41.728 0z"%2F%3E%3C%2Fsvg%3E') no-repeat;
  -webkit-mask-size: 100% 100%;
          mask-size: 100% 100%;
}

.icon-arrow-right {
  width: 1em;
  height: 1em;
  background-color: currentcolor;
  -webkit-mask: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="M340.864 149.312a30.592 30.592 0 0 0 0 42.752L652.736 512L340.864 831.872a30.592 30.592 0 0 0 0 42.752a29.12 29.12 0 0 0 41.728 0L714.24 534.336a32 32 0 0 0 0-44.672L382.592 149.376a29.12 29.12 0 0 0-41.728 0z"%2F%3E%3C%2Fsvg%3E') no-repeat;
          mask: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="M340.864 149.312a30.592 30.592 0 0 0 0 42.752L652.736 512L340.864 831.872a30.592 30.592 0 0 0 0 42.752a29.12 29.12 0 0 0 41.728 0L714.24 534.336a32 32 0 0 0 0-44.672L382.592 149.376a29.12 29.12 0 0 0-41.728 0z"%2F%3E%3C%2Fsvg%3E') no-repeat;
  -webkit-mask-size: 100% 100%;
          mask-size: 100% 100%;
}

.icon-zoom-out {
  width: 1em;
  height: 1em;
  background-color: currentcolor;
  -webkit-mask: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="m795.904 750.72l124.992 124.928a32 32 0 0 1-45.248 45.248L750.656 795.904a416 416 0 1 1 45.248-45.248zM480 832a352 352 0 1 0 0-704a352 352 0 0 0 0 704zM352 448h256a32 32 0 0 1 0 64H352a32 32 0 0 1 0-64z"%2F%3E%3C%2Fsvg%3E') no-repeat;
          mask: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="m795.904 750.72l124.992 124.928a32 32 0 0 1-45.248 45.248L750.656 795.904a416 416 0 1 1 45.248-45.248zM480 832a352 352 0 1 0 0-704a352 352 0 0 0 0 704zM352 448h256a32 32 0 0 1 0 64H352a32 32 0 0 1 0-64z"%2F%3E%3C%2Fsvg%3E') no-repeat;
  -webkit-mask-size: 100% 100%;
          mask-size: 100% 100%;
}

.icon-zoom-in {
  width: 1em;
  height: 1em;
  background-color: currentcolor;
  -webkit-mask: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="m795.904 750.72l124.992 124.928a32 32 0 0 1-45.248 45.248L750.656 795.904a416 416 0 1 1 45.248-45.248zM480 832a352 352 0 1 0 0-704a352 352 0 0 0 0 704zm-32-384v-96a32 32 0 0 1 64 0v96h96a32 32 0 0 1 0 64h-96v96a32 32 0 0 1-64 0v-96h-96a32 32 0 0 1 0-64h96z"%2F%3E%3C%2Fsvg%3E') no-repeat;
          mask: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="m795.904 750.72l124.992 124.928a32 32 0 0 1-45.248 45.248L750.656 795.904a416 416 0 1 1 45.248-45.248zM480 832a352 352 0 1 0 0-704a352 352 0 0 0 0 704zm-32-384v-96a32 32 0 0 1 64 0v96h96a32 32 0 0 1 0 64h-96v96a32 32 0 0 1-64 0v-96h-96a32 32 0 0 1 0-64h96z"%2F%3E%3C%2Fsvg%3E') no-repeat;
  -webkit-mask-size: 100% 100%;
          mask-size: 100% 100%;
}

.icon-scale-to-original {
  width: 1em;
  height: 1em;
  background-color: currentcolor;
  -webkit-mask: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="M813.176 180.706a60.235 60.235 0 0 1 60.236 60.235v481.883a60.235 60.235 0 0 1-60.236 60.235H210.824a60.235 60.235 0 0 1-60.236-60.235V240.94a60.235 60.235 0 0 1 60.236-60.235h602.352zm0-60.235H210.824A120.47 120.47 0 0 0 90.353 240.94v481.883a120.47 120.47 0 0 0 120.47 120.47h602.353a120.47 120.47 0 0 0 120.471-120.47V240.94a120.47 120.47 0 0 0-120.47-120.47zm-120.47 180.705a30.118 30.118 0 0 0-30.118 30.118v301.177a30.118 30.118 0 0 0 60.236 0V331.294a30.118 30.118 0 0 0-30.118-30.118zm-361.412 0a30.118 30.118 0 0 0-30.118 30.118v301.177a30.118 30.118 0 1 0 60.236 0V331.294a30.118 30.118 0 0 0-30.118-30.118zM512 361.412a30.118 30.118 0 0 0-30.118 30.117v30.118a30.118 30.118 0 0 0 60.236 0V391.53A30.118 30.118 0 0 0 512 361.412zM512 512a30.118 30.118 0 0 0-30.118 30.118v30.117a30.118 30.118 0 0 0 60.236 0v-30.117A30.118 30.118 0 0 0 512 512z"%2F%3E%3C%2Fsvg%3E') no-repeat;
          mask: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="M813.176 180.706a60.235 60.235 0 0 1 60.236 60.235v481.883a60.235 60.235 0 0 1-60.236 60.235H210.824a60.235 60.235 0 0 1-60.236-60.235V240.94a60.235 60.235 0 0 1 60.236-60.235h602.352zm0-60.235H210.824A120.47 120.47 0 0 0 90.353 240.94v481.883a120.47 120.47 0 0 0 120.47 120.47h602.353a120.47 120.47 0 0 0 120.471-120.47V240.94a120.47 120.47 0 0 0-120.47-120.47zm-120.47 180.705a30.118 30.118 0 0 0-30.118 30.118v301.177a30.118 30.118 0 0 0 60.236 0V331.294a30.118 30.118 0 0 0-30.118-30.118zm-361.412 0a30.118 30.118 0 0 0-30.118 30.118v301.177a30.118 30.118 0 1 0 60.236 0V331.294a30.118 30.118 0 0 0-30.118-30.118zM512 361.412a30.118 30.118 0 0 0-30.118 30.117v30.118a30.118 30.118 0 0 0 60.236 0V391.53A30.118 30.118 0 0 0 512 361.412zM512 512a30.118 30.118 0 0 0-30.118 30.118v30.117a30.118 30.118 0 0 0 60.236 0v-30.117A30.118 30.118 0 0 0 512 512z"%2F%3E%3C%2Fsvg%3E') no-repeat;
  -webkit-mask-size: 100% 100%;
          mask-size: 100% 100%;
}

.icon-refresh-left {
  width: 1em;
  height: 1em;
  background-color: currentcolor;
  -webkit-mask: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="M289.088 296.704h92.992a32 32 0 0 1 0 64H232.96a32 32 0 0 1-32-32V179.712a32 32 0 0 1 64 0v50.56a384 384 0 0 1 643.84 282.88a384 384 0 0 1-383.936 384a384 384 0 0 1-384-384h64a320 320 0 1 0 640 0a320 320 0 0 0-555.712-216.448z"%2F%3E%3C%2Fsvg%3E') no-repeat;
          mask: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="M289.088 296.704h92.992a32 32 0 0 1 0 64H232.96a32 32 0 0 1-32-32V179.712a32 32 0 0 1 64 0v50.56a384 384 0 0 1 643.84 282.88a384 384 0 0 1-383.936 384a384 384 0 0 1-384-384h64a320 320 0 1 0 640 0a320 320 0 0 0-555.712-216.448z"%2F%3E%3C%2Fsvg%3E') no-repeat;
  -webkit-mask-size: 100% 100%;
          mask-size: 100% 100%;
}

.icon-refresh-right {
  width: 1em;
  height: 1em;
  background-color: currentcolor;
  -webkit-mask: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="M784.512 230.272v-50.56a32 32 0 1 1 64 0v149.056a32 32 0 0 1-32 32H667.52a32 32 0 1 1 0-64h92.992A320 320 0 1 0 524.8 833.152a320 320 0 0 0 320-320h64a384 384 0 0 1-384 384a384 384 0 0 1-384-384a384 384 0 0 1 643.712-282.88z"%2F%3E%3C%2Fsvg%3E') no-repeat;
          mask: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="M784.512 230.272v-50.56a32 32 0 1 1 64 0v149.056a32 32 0 0 1-32 32H667.52a32 32 0 1 1 0-64h92.992A320 320 0 1 0 524.8 833.152a320 320 0 0 0 320-320h64a384 384 0 0 1-384 384a384 384 0 0 1-384-384a384 384 0 0 1 643.712-282.88z"%2F%3E%3C%2Fsvg%3E') no-repeat;
  -webkit-mask-size: 100% 100%;
          mask-size: 100% 100%;
}.vft-fade-in-linear-enter-active,
.vft-fade-in-linear-leave-active {
  transition: var(--vft-transition-fade-linear);
}

.vft-fade-in-linear-enter-from,
.vft-fade-in-linear-leave-to {
  opacity: 0;
}

.vft-fade-in-enter-active,
.vft-fade-in-leave-active {
  transition: all var(--vft-transition-duration) cubic-bezier(0.55, 0, 0.1, 1);
}

.vft-fade-in-enter-from,
.vft-fade-in-leave-active {
  opacity: 0;
}

.vft-zoom-in-center-enter-active,
.vft-zoom-in-center-leave-active {
  transition: all var(--vft-transition-duration) cubic-bezier(0.55, 0, 0.1, 1);
}

.vft-zoom-in-center-enter-from,
.vft-zoom-in-center-leave-active {
  transform: scaleX(0);
  opacity: 0;
}

.vft-zoom-in-top-enter-active,
.vft-zoom-in-top-leave-active {
  transition: var(--vft-transition-md-fade);
  transform: scaleY(1);
  transform-origin: center top;
  opacity: 1;
}
.vft-zoom-in-top-enter-active[data-popper-placement^=top],
.vft-zoom-in-top-leave-active[data-popper-placement^=top] {
  transform-origin: center bottom;
}

.vft-zoom-in-top-enter-from,
.vft-zoom-in-top-leave-active {
  transform: scaleY(0);
  opacity: 0;
}

.vft-zoom-in-top-fast-enter-active {
  transition: var(--vft-transition-md-fade);
  transform: scaleY(1);
  transform-origin: center top;
  opacity: 1;
}
.vft-zoom-in-top-fast-enter-active[data-popper-placement^=top] {
  transform-origin: center bottom;
}

.vft-zoom-in-top-fast-leave-active {
  transform: scaleY(1);
  transform-origin: center top;
  opacity: 1;
}
.vft-zoom-in-top-fast-leave-active[data-popper-placement^=top] {
  transform-origin: center bottom;
}

.vft-zoom-in-top-fast-enter-from,
.vft-zoom-in-top-fast-leave-active {
  transform: scaleY(0);
  opacity: 0;
}

.vft-zoom-in-bottom-enter-active,
.vft-zoom-in-bottom-leave-active {
  transform: scaleY(1);
  transform-origin: center bottom;
  transition: var(--vft-transition-md-fade);
  opacity: 1;
}

.vft-zoom-in-bottom-enter-from,
.vft-zoom-in-bottom-leave-active {
  transform: scaleY(0);
  opacity: 0;
}

.vft-zoom-in-left-enter-active,
.vft-zoom-in-left-leave-active {
  transform: scale(1, 1);
  transform-origin: top left;
  transition: var(--vft-transition-md-fade);
  opacity: 1;
}

.vft-zoom-in-left-enter-from,
.vft-zoom-in-left-leave-active {
  transform: scale(0.45, 0.45);
  opacity: 0;
}

.collapse-transition {
  transition: var(--vft-transition-duration) height ease-in-out, var(--vft-transition-duration) padding-top ease-in-out, var(--vft-transition-duration) padding-bottom ease-in-out;
}

.vft-collapse-transition-leave-active,
.vft-collapse-transition-enter-active {
  transition: var(--vft-transition-duration) max-height ease-in-out, var(--vft-transition-duration) padding-top ease-in-out, var(--vft-transition-duration) padding-bottom ease-in-out;
}

.horizontal-collapse-transition {
  transition: var(--vft-transition-duration) width ease-in-out, var(--vft-transition-duration) padding-left ease-in-out, var(--vft-transition-duration) padding-right ease-in-out;
}

.vft-list-enter-active,
.vft-list-leave-active {
  transition: all 1s;
}

.vft-list-enter-from,
.vft-list-leave-to {
  transform: translateY(-1.875rem);
  opacity: 0;
}

.vft-list-leave-active {
  position: absolute !important;
}

.vft-opacity-transition {
  transition: opacity var(--vft-transition-duration) cubic-bezier(0.55, 0, 0.1, 1);
}

@keyframes vft-rotate {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes vft-loading-dot {
  33% {
    transform: translateY(-2em);
  }
  66% {
    transform: translateY(-1em);
  }
}
.vft-image__error, .vft-image__placeholder, .vft-image__wrapper, .vft-image__inner {
  width: 100%;
  height: 100%;
}

.vft-image {
  position: relative;
  display: inline-block;
  overflow: hidden;
  transition: var(--vft-transition-all);
}
.vft-image__inner {
  vertical-align: top;
  opacity: 1;
}
.vft-image__inner.is-loading {
  opacity: 0;
}

.vft-image__wrapper {
  position: absolute;
  top: 0;
  left: 0;
}

.vft-image__placeholder {
  background: var(--vft-fill-color-light);
}

.vft-image__error {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 0.875rem;
  background: var(--vft-fill-color-light);
  color: var(--vft-text-placeholder-color);
  vertical-align: middle;
}

.vft-image__preview {
  cursor: pointer;
}.vft-fade-in-linear-enter-active,
.vft-fade-in-linear-leave-active {
  transition: var(--vft-transition-fade-linear);
}

.vft-fade-in-linear-enter-from,
.vft-fade-in-linear-leave-to {
  opacity: 0;
}

.vft-fade-in-enter-active,
.vft-fade-in-leave-active {
  transition: all var(--vft-transition-duration) cubic-bezier(0.55, 0, 0.1, 1);
}

.vft-fade-in-enter-from,
.vft-fade-in-leave-active {
  opacity: 0;
}

.vft-zoom-in-center-enter-active,
.vft-zoom-in-center-leave-active {
  transition: all var(--vft-transition-duration) cubic-bezier(0.55, 0, 0.1, 1);
}

.vft-zoom-in-center-enter-from,
.vft-zoom-in-center-leave-active {
  transform: scaleX(0);
  opacity: 0;
}

.vft-zoom-in-top-enter-active,
.vft-zoom-in-top-leave-active {
  transition: var(--vft-transition-md-fade);
  transform: scaleY(1);
  transform-origin: center top;
  opacity: 1;
}
.vft-zoom-in-top-enter-active[data-popper-placement^=top],
.vft-zoom-in-top-leave-active[data-popper-placement^=top] {
  transform-origin: center bottom;
}

.vft-zoom-in-top-enter-from,
.vft-zoom-in-top-leave-active {
  transform: scaleY(0);
  opacity: 0;
}

.vft-zoom-in-top-fast-enter-active {
  transition: var(--vft-transition-md-fade);
  transform: scaleY(1);
  transform-origin: center top;
  opacity: 1;
}
.vft-zoom-in-top-fast-enter-active[data-popper-placement^=top] {
  transform-origin: center bottom;
}

.vft-zoom-in-top-fast-leave-active {
  transform: scaleY(1);
  transform-origin: center top;
  opacity: 1;
}
.vft-zoom-in-top-fast-leave-active[data-popper-placement^=top] {
  transform-origin: center bottom;
}

.vft-zoom-in-top-fast-enter-from,
.vft-zoom-in-top-fast-leave-active {
  transform: scaleY(0);
  opacity: 0;
}

.vft-zoom-in-bottom-enter-active,
.vft-zoom-in-bottom-leave-active {
  transform: scaleY(1);
  transform-origin: center bottom;
  transition: var(--vft-transition-md-fade);
  opacity: 1;
}

.vft-zoom-in-bottom-enter-from,
.vft-zoom-in-bottom-leave-active {
  transform: scaleY(0);
  opacity: 0;
}

.vft-zoom-in-left-enter-active,
.vft-zoom-in-left-leave-active {
  transform: scale(1, 1);
  transform-origin: top left;
  transition: var(--vft-transition-md-fade);
  opacity: 1;
}

.vft-zoom-in-left-enter-from,
.vft-zoom-in-left-leave-active {
  transform: scale(0.45, 0.45);
  opacity: 0;
}

.collapse-transition {
  transition: var(--vft-transition-duration) height ease-in-out, var(--vft-transition-duration) padding-top ease-in-out, var(--vft-transition-duration) padding-bottom ease-in-out;
}

.vft-collapse-transition-leave-active,
.vft-collapse-transition-enter-active {
  transition: var(--vft-transition-duration) max-height ease-in-out, var(--vft-transition-duration) padding-top ease-in-out, var(--vft-transition-duration) padding-bottom ease-in-out;
}

.horizontal-collapse-transition {
  transition: var(--vft-transition-duration) width ease-in-out, var(--vft-transition-duration) padding-left ease-in-out, var(--vft-transition-duration) padding-right ease-in-out;
}

.vft-list-enter-active,
.vft-list-leave-active {
  transition: all 1s;
}

.vft-list-enter-from,
.vft-list-leave-to {
  transform: translateY(-1.875rem);
  opacity: 0;
}

.vft-list-leave-active {
  position: absolute !important;
}

.vft-opacity-transition {
  transition: opacity var(--vft-transition-duration) cubic-bezier(0.55, 0, 0.1, 1);
}

@keyframes vft-rotate {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes vft-loading-dot {
  33% {
    transform: translateY(-2em);
  }
  66% {
    transform: translateY(-1em);
  }
}
:root {
  --vft-avatar-text-color: var(--vft-color-white);
  --vft-avatar-bg-color: var(--vft-text-disabled-color);
  --vft-avatar-text-size: 0.875rem;
  --vft-avatar-icon-size: 1.125rem;
  --vft-avatar-border-radius: var(--vft-border-radius-base);
}

.vft-avatar {
  --vft-avatar-size-large: 3.5rem;
  --vft-avatar-size: 2.5rem;
  --vft-avatar-size-small: 1.5rem;
  --vft-avatar-size: 40px;
  display: inline-flex;
  box-sizing: border-box;
  justify-content: center;
  width: var(--vft-avatar-size);
  height: var(--vft-avatar-size);
  overflow: hidden;
  background: var(--vft-avatar-bg-color);
  color: var(--vft-avatar-text-color);
  font-size: var(--vft-avatar-text-size);
  text-align: center;
}
.vft-avatar--small {
  --vft-avatar-size: 1.5rem;
}

.vft-avatar--large {
  --vft-avatar-size: 3.5rem;
}

.vft-avatar--circle {
  border-radius: 50%;
}

.vft-avatar--square {
  border-radius: var(--vft-avatar-border-radius);
}

.vft-avatar--icon {
  background: transparent;
  font-size: var(--vft-avatar-icon-size);
}

.vft-avatar > img {
  display: block;
  height: 100%;
}.vft-fade-in-linear-enter-active,
.vft-fade-in-linear-leave-active {
  transition: var(--vft-transition-fade-linear);
}

.vft-fade-in-linear-enter-from,
.vft-fade-in-linear-leave-to {
  opacity: 0;
}

.vft-fade-in-enter-active,
.vft-fade-in-leave-active {
  transition: all var(--vft-transition-duration) cubic-bezier(0.55, 0, 0.1, 1);
}

.vft-fade-in-enter-from,
.vft-fade-in-leave-active {
  opacity: 0;
}

.vft-zoom-in-center-enter-active,
.vft-zoom-in-center-leave-active {
  transition: all var(--vft-transition-duration) cubic-bezier(0.55, 0, 0.1, 1);
}

.vft-zoom-in-center-enter-from,
.vft-zoom-in-center-leave-active {
  transform: scaleX(0);
  opacity: 0;
}

.vft-zoom-in-top-enter-active,
.vft-zoom-in-top-leave-active {
  transition: var(--vft-transition-md-fade);
  transform: scaleY(1);
  transform-origin: center top;
  opacity: 1;
}
.vft-zoom-in-top-enter-active[data-popper-placement^=top],
.vft-zoom-in-top-leave-active[data-popper-placement^=top] {
  transform-origin: center bottom;
}

.vft-zoom-in-top-enter-from,
.vft-zoom-in-top-leave-active {
  transform: scaleY(0);
  opacity: 0;
}

.vft-zoom-in-top-fast-enter-active {
  transition: var(--vft-transition-md-fade);
  transform: scaleY(1);
  transform-origin: center top;
  opacity: 1;
}
.vft-zoom-in-top-fast-enter-active[data-popper-placement^=top] {
  transform-origin: center bottom;
}

.vft-zoom-in-top-fast-leave-active {
  transform: scaleY(1);
  transform-origin: center top;
  opacity: 1;
}
.vft-zoom-in-top-fast-leave-active[data-popper-placement^=top] {
  transform-origin: center bottom;
}

.vft-zoom-in-top-fast-enter-from,
.vft-zoom-in-top-fast-leave-active {
  transform: scaleY(0);
  opacity: 0;
}

.vft-zoom-in-bottom-enter-active,
.vft-zoom-in-bottom-leave-active {
  transform: scaleY(1);
  transform-origin: center bottom;
  transition: var(--vft-transition-md-fade);
  opacity: 1;
}

.vft-zoom-in-bottom-enter-from,
.vft-zoom-in-bottom-leave-active {
  transform: scaleY(0);
  opacity: 0;
}

.vft-zoom-in-left-enter-active,
.vft-zoom-in-left-leave-active {
  transform: scale(1, 1);
  transform-origin: top left;
  transition: var(--vft-transition-md-fade);
  opacity: 1;
}

.vft-zoom-in-left-enter-from,
.vft-zoom-in-left-leave-active {
  transform: scale(0.45, 0.45);
  opacity: 0;
}

.collapse-transition {
  transition: var(--vft-transition-duration) height ease-in-out, var(--vft-transition-duration) padding-top ease-in-out, var(--vft-transition-duration) padding-bottom ease-in-out;
}

.vft-collapse-transition-leave-active,
.vft-collapse-transition-enter-active {
  transition: var(--vft-transition-duration) max-height ease-in-out, var(--vft-transition-duration) padding-top ease-in-out, var(--vft-transition-duration) padding-bottom ease-in-out;
}

.horizontal-collapse-transition {
  transition: var(--vft-transition-duration) width ease-in-out, var(--vft-transition-duration) padding-left ease-in-out, var(--vft-transition-duration) padding-right ease-in-out;
}

.vft-list-enter-active,
.vft-list-leave-active {
  transition: all 1s;
}

.vft-list-enter-from,
.vft-list-leave-to {
  transform: translateY(-1.875rem);
  opacity: 0;
}

.vft-list-leave-active {
  position: absolute !important;
}

.vft-opacity-transition {
  transition: opacity var(--vft-transition-duration) cubic-bezier(0.55, 0, 0.1, 1);
}

@keyframes vft-rotate {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes vft-loading-dot {
  33% {
    transform: translateY(-2em);
  }
  66% {
    transform: translateY(-1em);
  }
}
:root {
  --vft-avatar-stack-max-count: 5;
  --vft-avatar-stack-size: 2.5rem;
  --vft-avatar-stack-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.1);
  --vft-avatar-stack-remaining-bg-color: #e0e0e0;
  --vft-avatar-stack-remaining-text-color: #666;
  --vft-avatar-stack-remaining-font-weight: 500;
}

.vft-avatar-stack {
  display: flex;
  align-items: center;
}
.vft-avatar-stack__item {
  position: relative;
  margin-right: calc(-1 * var(--vft-avatar-stack-overlap));
}
.vft-avatar-stack__item:last-child {
  margin-right: 0;
}

.vft-avatar-stack__stacked-avatar {
  border: 0.125rem solid var(--vft-avatar-stack-border-color);
  box-shadow: var(--vft-avatar-stack-shadow);
}

.vft-avatar-stack__remaining-avatar {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-left: 0.625rem;
  border: 0.125rem solid var(--vft-avatar-stack-border-color);
  background: var(--vft-avatar-stack-remaining-bg-color);
  box-shadow: var(--vft-avatar-stack-shadow);
  color: var(--vft-avatar-stack-remaining-text-color);
  font-size: var(--vft-avatar-stack-font-size);
  font-weight: var(--vft-avatar-stack-remaining-font-weight);
}.vft-fade-in-linear-enter-active,
.vft-fade-in-linear-leave-active {
  transition: var(--vft-transition-fade-linear);
}

.vft-fade-in-linear-enter-from,
.vft-fade-in-linear-leave-to {
  opacity: 0;
}

.vft-fade-in-enter-active,
.vft-fade-in-leave-active {
  transition: all var(--vft-transition-duration) cubic-bezier(0.55, 0, 0.1, 1);
}

.vft-fade-in-enter-from,
.vft-fade-in-leave-active {
  opacity: 0;
}

.vft-zoom-in-center-enter-active,
.vft-zoom-in-center-leave-active {
  transition: all var(--vft-transition-duration) cubic-bezier(0.55, 0, 0.1, 1);
}

.vft-zoom-in-center-enter-from,
.vft-zoom-in-center-leave-active {
  transform: scaleX(0);
  opacity: 0;
}

.vft-zoom-in-top-enter-active,
.vft-zoom-in-top-leave-active {
  transition: var(--vft-transition-md-fade);
  transform: scaleY(1);
  transform-origin: center top;
  opacity: 1;
}
.vft-zoom-in-top-enter-active[data-popper-placement^=top],
.vft-zoom-in-top-leave-active[data-popper-placement^=top] {
  transform-origin: center bottom;
}

.vft-zoom-in-top-enter-from,
.vft-zoom-in-top-leave-active {
  transform: scaleY(0);
  opacity: 0;
}

.vft-zoom-in-top-fast-enter-active {
  transition: var(--vft-transition-md-fade);
  transform: scaleY(1);
  transform-origin: center top;
  opacity: 1;
}
.vft-zoom-in-top-fast-enter-active[data-popper-placement^=top] {
  transform-origin: center bottom;
}

.vft-zoom-in-top-fast-leave-active {
  transform: scaleY(1);
  transform-origin: center top;
  opacity: 1;
}
.vft-zoom-in-top-fast-leave-active[data-popper-placement^=top] {
  transform-origin: center bottom;
}

.vft-zoom-in-top-fast-enter-from,
.vft-zoom-in-top-fast-leave-active {
  transform: scaleY(0);
  opacity: 0;
}

.vft-zoom-in-bottom-enter-active,
.vft-zoom-in-bottom-leave-active {
  transform: scaleY(1);
  transform-origin: center bottom;
  transition: var(--vft-transition-md-fade);
  opacity: 1;
}

.vft-zoom-in-bottom-enter-from,
.vft-zoom-in-bottom-leave-active {
  transform: scaleY(0);
  opacity: 0;
}

.vft-zoom-in-left-enter-active,
.vft-zoom-in-left-leave-active {
  transform: scale(1, 1);
  transform-origin: top left;
  transition: var(--vft-transition-md-fade);
  opacity: 1;
}

.vft-zoom-in-left-enter-from,
.vft-zoom-in-left-leave-active {
  transform: scale(0.45, 0.45);
  opacity: 0;
}

.collapse-transition {
  transition: var(--vft-transition-duration) height ease-in-out, var(--vft-transition-duration) padding-top ease-in-out, var(--vft-transition-duration) padding-bottom ease-in-out;
}

.vft-collapse-transition-leave-active,
.vft-collapse-transition-enter-active {
  transition: var(--vft-transition-duration) max-height ease-in-out, var(--vft-transition-duration) padding-top ease-in-out, var(--vft-transition-duration) padding-bottom ease-in-out;
}

.horizontal-collapse-transition {
  transition: var(--vft-transition-duration) width ease-in-out, var(--vft-transition-duration) padding-left ease-in-out, var(--vft-transition-duration) padding-right ease-in-out;
}

.vft-list-enter-active,
.vft-list-leave-active {
  transition: all 1s;
}

.vft-list-enter-from,
.vft-list-leave-to {
  transform: translateY(-1.875rem);
  opacity: 0;
}

.vft-list-leave-active {
  position: absolute !important;
}

.vft-opacity-transition {
  transition: opacity var(--vft-transition-duration) cubic-bezier(0.55, 0, 0.1, 1);
}

@keyframes vft-rotate {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes vft-loading-dot {
  33% {
    transform: translateY(-2em);
  }
  66% {
    transform: translateY(-1em);
  }
}
.vft-backtop {
  display: flex;
  position: fixed;
  z-index: var(--vft-z-index-backtop);
  align-items: center;
  justify-content: center;
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 50%;
  background-color: var(--vft-backtop-bg-color);
  box-shadow: var(--vft-box-shadow-lighter);
  color: var(--vft-backtop-text-color);
  font-size: 1.25rem;
  cursor: pointer;
  --vft-backtop-bg-color: var(--vft-bg-color-overlay);
  --vft-backtop-text-color: var(--vft-text-primary-color);
  --vft-backtop-hover-bg-color: var(--vft-border-color-extra-light);
}
.vft-backtop__icon {
  font-size: 1.25rem;
}

.vft-backtop:hover {
  background-color: var(--vft-backtop-hover-bg-color);
}
.vft-backtop .icon-back-top {
  width: 1em;
  height: 1em;
  background-color: currentcolor;
  -webkit-mask: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="24" height="24" viewBox="0 0 24 24"%3E%3Cpath fill="currentColor" d="M6 4h12v2H6zm.707 11.707L11 11.414V20h2v-8.586l4.293 4.293l1.414-1.414L12 7.586l-6.707 6.707z"%2F%3E%3C%2Fsvg%3E') no-repeat;
          mask: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="24" height="24" viewBox="0 0 24 24"%3E%3Cpath fill="currentColor" d="M6 4h12v2H6zm.707 11.707L11 11.414V20h2v-8.586l4.293 4.293l1.414-1.414L12 7.586l-6.707 6.707z"%2F%3E%3C%2Fsvg%3E') no-repeat;
  -webkit-mask-size: 100% 100%;
          mask-size: 100% 100%;
}.vft-fade-in-linear-enter-active,
.vft-fade-in-linear-leave-active {
  transition: var(--vft-transition-fade-linear);
}

.vft-fade-in-linear-enter-from,
.vft-fade-in-linear-leave-to {
  opacity: 0;
}

.vft-fade-in-enter-active,
.vft-fade-in-leave-active {
  transition: all var(--vft-transition-duration) cubic-bezier(0.55, 0, 0.1, 1);
}

.vft-fade-in-enter-from,
.vft-fade-in-leave-active {
  opacity: 0;
}

.vft-zoom-in-center-enter-active,
.vft-zoom-in-center-leave-active {
  transition: all var(--vft-transition-duration) cubic-bezier(0.55, 0, 0.1, 1);
}

.vft-zoom-in-center-enter-from,
.vft-zoom-in-center-leave-active {
  transform: scaleX(0);
  opacity: 0;
}

.vft-zoom-in-top-enter-active,
.vft-zoom-in-top-leave-active {
  transition: var(--vft-transition-md-fade);
  transform: scaleY(1);
  transform-origin: center top;
  opacity: 1;
}
.vft-zoom-in-top-enter-active[data-popper-placement^=top],
.vft-zoom-in-top-leave-active[data-popper-placement^=top] {
  transform-origin: center bottom;
}

.vft-zoom-in-top-enter-from,
.vft-zoom-in-top-leave-active {
  transform: scaleY(0);
  opacity: 0;
}

.vft-zoom-in-top-fast-enter-active {
  transition: var(--vft-transition-md-fade);
  transform: scaleY(1);
  transform-origin: center top;
  opacity: 1;
}
.vft-zoom-in-top-fast-enter-active[data-popper-placement^=top] {
  transform-origin: center bottom;
}

.vft-zoom-in-top-fast-leave-active {
  transform: scaleY(1);
  transform-origin: center top;
  opacity: 1;
}
.vft-zoom-in-top-fast-leave-active[data-popper-placement^=top] {
  transform-origin: center bottom;
}

.vft-zoom-in-top-fast-enter-from,
.vft-zoom-in-top-fast-leave-active {
  transform: scaleY(0);
  opacity: 0;
}

.vft-zoom-in-bottom-enter-active,
.vft-zoom-in-bottom-leave-active {
  transform: scaleY(1);
  transform-origin: center bottom;
  transition: var(--vft-transition-md-fade);
  opacity: 1;
}

.vft-zoom-in-bottom-enter-from,
.vft-zoom-in-bottom-leave-active {
  transform: scaleY(0);
  opacity: 0;
}

.vft-zoom-in-left-enter-active,
.vft-zoom-in-left-leave-active {
  transform: scale(1, 1);
  transform-origin: top left;
  transition: var(--vft-transition-md-fade);
  opacity: 1;
}

.vft-zoom-in-left-enter-from,
.vft-zoom-in-left-leave-active {
  transform: scale(0.45, 0.45);
  opacity: 0;
}

.collapse-transition {
  transition: var(--vft-transition-duration) height ease-in-out, var(--vft-transition-duration) padding-top ease-in-out, var(--vft-transition-duration) padding-bottom ease-in-out;
}

.vft-collapse-transition-leave-active,
.vft-collapse-transition-enter-active {
  transition: var(--vft-transition-duration) max-height ease-in-out, var(--vft-transition-duration) padding-top ease-in-out, var(--vft-transition-duration) padding-bottom ease-in-out;
}

.horizontal-collapse-transition {
  transition: var(--vft-transition-duration) width ease-in-out, var(--vft-transition-duration) padding-left ease-in-out, var(--vft-transition-duration) padding-right ease-in-out;
}

.vft-list-enter-active,
.vft-list-leave-active {
  transition: all 1s;
}

.vft-list-enter-from,
.vft-list-leave-to {
  transform: translateY(-1.875rem);
  opacity: 0;
}

.vft-list-leave-active {
  position: absolute !important;
}

.vft-opacity-transition {
  transition: opacity var(--vft-transition-duration) cubic-bezier(0.55, 0, 0.1, 1);
}

@keyframes vft-rotate {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes vft-loading-dot {
  33% {
    transform: translateY(-2em);
  }
  66% {
    transform: translateY(-1em);
  }
}
.vft-button-group {
  display: inline-block;
  vertical-align: middle;
}
.vft-button-group .vft-button--primary:first-child {
  border-right-color: var(--vft-button-divide-border-color);
}
.vft-button-group .vft-button--primary:last-child {
  border-left-color: var(--vft-button-divide-border-color);
}
.vft-button-group .vft-button--primary:not(:first-child, :last-child) {
  border-left-color: var(--vft-button-divide-border-color);
  border-right-color: var(--vft-button-divide-border-color);
}
.vft-button-group .vft-button--success:first-child {
  border-right-color: var(--vft-button-divide-border-color);
}
.vft-button-group .vft-button--success:last-child {
  border-left-color: var(--vft-button-divide-border-color);
}
.vft-button-group .vft-button--success:not(:first-child, :last-child) {
  border-left-color: var(--vft-button-divide-border-color);
  border-right-color: var(--vft-button-divide-border-color);
}
.vft-button-group .vft-button--warning:first-child {
  border-right-color: var(--vft-button-divide-border-color);
}
.vft-button-group .vft-button--warning:last-child {
  border-left-color: var(--vft-button-divide-border-color);
}
.vft-button-group .vft-button--warning:not(:first-child, :last-child) {
  border-left-color: var(--vft-button-divide-border-color);
  border-right-color: var(--vft-button-divide-border-color);
}
.vft-button-group .vft-button--danger:first-child {
  border-right-color: var(--vft-button-divide-border-color);
}
.vft-button-group .vft-button--danger:last-child {
  border-left-color: var(--vft-button-divide-border-color);
}
.vft-button-group .vft-button--danger:not(:first-child, :last-child) {
  border-left-color: var(--vft-button-divide-border-color);
  border-right-color: var(--vft-button-divide-border-color);
}
.vft-button-group .vft-button--info:first-child {
  border-right-color: var(--vft-button-divide-border-color);
}
.vft-button-group .vft-button--info:last-child {
  border-left-color: var(--vft-button-divide-border-color);
}
.vft-button-group .vft-button--info:not(:first-child, :last-child) {
  border-left-color: var(--vft-button-divide-border-color);
  border-right-color: var(--vft-button-divide-border-color);
}
.vft-button-group::before,
.vft-button-group::after {
  content: "";
  display: table;
}

.vft-button-group::after {
  clear: both;
}

.vft-button-group > .vft-button {
  float: left;
  position: relative;
}
.vft-button-group > .vft-button.is-active {
  z-index: 1;
}

.vft-button-group > .vft-button + .vft-button {
  margin-left: 0;
}
.vft-button-group > .vft-button:first-child {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.vft-button-group > .vft-button:last-child {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.vft-button-group > .vft-button:first-child:last-child {
  border-top-right-radius: var(--vft-border-radius-base);
  border-bottom-right-radius: var(--vft-border-radius-base);
  border-top-left-radius: var(--vft-border-radius-base);
  border-bottom-left-radius: var(--vft-border-radius-base);
}
.vft-button-group > .vft-button:first-child:last-child.is-round {
  border-radius: var(--vft-border-radius-round);
}
.vft-button-group > .vft-button:first-child:last-child.is-circle {
  border-radius: 50%;
}
.vft-button-group > .vft-button:not(:first-child, :last-child) {
  border-radius: 0;
}
.vft-button-group > .vft-button:not(:last-child) {
  margin-right: -0.0625rem;
}
.vft-button-group > .vft-button:hover, .vft-button-group > .vft-button:focus, .vft-button-group > .vft-button:active {
  z-index: 1;
}
.vft-button-group > .vft-dropdown > .vft-button {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-left-color: var(--vft-button-divide-border-color);
}.vft-fade-in-linear-enter-active,
.vft-fade-in-linear-leave-active {
  transition: var(--vft-transition-fade-linear);
}

.vft-fade-in-linear-enter-from,
.vft-fade-in-linear-leave-to {
  opacity: 0;
}

.vft-fade-in-enter-active,
.vft-fade-in-leave-active {
  transition: all var(--vft-transition-duration) cubic-bezier(0.55, 0, 0.1, 1);
}

.vft-fade-in-enter-from,
.vft-fade-in-leave-active {
  opacity: 0;
}

.vft-zoom-in-center-enter-active,
.vft-zoom-in-center-leave-active {
  transition: all var(--vft-transition-duration) cubic-bezier(0.55, 0, 0.1, 1);
}

.vft-zoom-in-center-enter-from,
.vft-zoom-in-center-leave-active {
  transform: scaleX(0);
  opacity: 0;
}

.vft-zoom-in-top-enter-active,
.vft-zoom-in-top-leave-active {
  transition: var(--vft-transition-md-fade);
  transform: scaleY(1);
  transform-origin: center top;
  opacity: 1;
}
.vft-zoom-in-top-enter-active[data-popper-placement^=top],
.vft-zoom-in-top-leave-active[data-popper-placement^=top] {
  transform-origin: center bottom;
}

.vft-zoom-in-top-enter-from,
.vft-zoom-in-top-leave-active {
  transform: scaleY(0);
  opacity: 0;
}

.vft-zoom-in-top-fast-enter-active {
  transition: var(--vft-transition-md-fade);
  transform: scaleY(1);
  transform-origin: center top;
  opacity: 1;
}
.vft-zoom-in-top-fast-enter-active[data-popper-placement^=top] {
  transform-origin: center bottom;
}

.vft-zoom-in-top-fast-leave-active {
  transform: scaleY(1);
  transform-origin: center top;
  opacity: 1;
}
.vft-zoom-in-top-fast-leave-active[data-popper-placement^=top] {
  transform-origin: center bottom;
}

.vft-zoom-in-top-fast-enter-from,
.vft-zoom-in-top-fast-leave-active {
  transform: scaleY(0);
  opacity: 0;
}

.vft-zoom-in-bottom-enter-active,
.vft-zoom-in-bottom-leave-active {
  transform: scaleY(1);
  transform-origin: center bottom;
  transition: var(--vft-transition-md-fade);
  opacity: 1;
}

.vft-zoom-in-bottom-enter-from,
.vft-zoom-in-bottom-leave-active {
  transform: scaleY(0);
  opacity: 0;
}

.vft-zoom-in-left-enter-active,
.vft-zoom-in-left-leave-active {
  transform: scale(1, 1);
  transform-origin: top left;
  transition: var(--vft-transition-md-fade);
  opacity: 1;
}

.vft-zoom-in-left-enter-from,
.vft-zoom-in-left-leave-active {
  transform: scale(0.45, 0.45);
  opacity: 0;
}

.collapse-transition {
  transition: var(--vft-transition-duration) height ease-in-out, var(--vft-transition-duration) padding-top ease-in-out, var(--vft-transition-duration) padding-bottom ease-in-out;
}

.vft-collapse-transition-leave-active,
.vft-collapse-transition-enter-active {
  transition: var(--vft-transition-duration) max-height ease-in-out, var(--vft-transition-duration) padding-top ease-in-out, var(--vft-transition-duration) padding-bottom ease-in-out;
}

.horizontal-collapse-transition {
  transition: var(--vft-transition-duration) width ease-in-out, var(--vft-transition-duration) padding-left ease-in-out, var(--vft-transition-duration) padding-right ease-in-out;
}

.vft-list-enter-active,
.vft-list-leave-active {
  transition: all 1s;
}

.vft-list-enter-from,
.vft-list-leave-to {
  transform: translateY(-1.875rem);
  opacity: 0;
}

.vft-list-leave-active {
  position: absolute !important;
}

.vft-opacity-transition {
  transition: opacity var(--vft-transition-duration) cubic-bezier(0.55, 0, 0.1, 1);
}

@keyframes vft-rotate {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes vft-loading-dot {
  33% {
    transform: translateY(-2em);
  }
  66% {
    transform: translateY(-1em);
  }
}
.vft-card {
  --vft-card-border-color: var(--vft-border-color-light);
  --vft-card-border-radius: 0.25rem;
  --vft-card-padding: 1.25rem;
  --vft-card-bg-color: var(--vft-fill-color-blank);
}

.vft-card {
  overflow: hidden;
  transition: var(--vft-transition-duration);
  border: 0.0625rem solid var(--vft-card-border-color);
  border-radius: var(--vft-card-border-radius);
  background-color: var(--vft-card-bg-color);
  color: var(--vft-text-primary-color);
}
.vft-card.is-always-shadow {
  box-shadow: var(--vft-box-shadow-light);
}

.vft-card.is-hover-shadow:hover, .vft-card.is-hover-shadow:focus {
  box-shadow: var(--vft-box-shadow-light);
}

.vft-card__header {
  box-sizing: border-box;
  padding: calc(var(--vft-card-padding) - 0.125rem) var(--vft-card-padding);
  border-bottom: 0.0625rem solid var(--vft-card-border-color);
}

.vft-card__body {
  padding: var(--vft-card-padding);
}.vft-fade-in-linear-enter-active,
.vft-fade-in-linear-leave-active {
  transition: var(--vft-transition-fade-linear);
}

.vft-fade-in-linear-enter-from,
.vft-fade-in-linear-leave-to {
  opacity: 0;
}

.vft-fade-in-enter-active,
.vft-fade-in-leave-active {
  transition: all var(--vft-transition-duration) cubic-bezier(0.55, 0, 0.1, 1);
}

.vft-fade-in-enter-from,
.vft-fade-in-leave-active {
  opacity: 0;
}

.vft-zoom-in-center-enter-active,
.vft-zoom-in-center-leave-active {
  transition: all var(--vft-transition-duration) cubic-bezier(0.55, 0, 0.1, 1);
}

.vft-zoom-in-center-enter-from,
.vft-zoom-in-center-leave-active {
  transform: scaleX(0);
  opacity: 0;
}

.vft-zoom-in-top-enter-active,
.vft-zoom-in-top-leave-active {
  transition: var(--vft-transition-md-fade);
  transform: scaleY(1);
  transform-origin: center top;
  opacity: 1;
}
.vft-zoom-in-top-enter-active[data-popper-placement^=top],
.vft-zoom-in-top-leave-active[data-popper-placement^=top] {
  transform-origin: center bottom;
}

.vft-zoom-in-top-enter-from,
.vft-zoom-in-top-leave-active {
  transform: scaleY(0);
  opacity: 0;
}

.vft-zoom-in-top-fast-enter-active {
  transition: var(--vft-transition-md-fade);
  transform: scaleY(1);
  transform-origin: center top;
  opacity: 1;
}
.vft-zoom-in-top-fast-enter-active[data-popper-placement^=top] {
  transform-origin: center bottom;
}

.vft-zoom-in-top-fast-leave-active {
  transform: scaleY(1);
  transform-origin: center top;
  opacity: 1;
}
.vft-zoom-in-top-fast-leave-active[data-popper-placement^=top] {
  transform-origin: center bottom;
}

.vft-zoom-in-top-fast-enter-from,
.vft-zoom-in-top-fast-leave-active {
  transform: scaleY(0);
  opacity: 0;
}

.vft-zoom-in-bottom-enter-active,
.vft-zoom-in-bottom-leave-active {
  transform: scaleY(1);
  transform-origin: center bottom;
  transition: var(--vft-transition-md-fade);
  opacity: 1;
}

.vft-zoom-in-bottom-enter-from,
.vft-zoom-in-bottom-leave-active {
  transform: scaleY(0);
  opacity: 0;
}

.vft-zoom-in-left-enter-active,
.vft-zoom-in-left-leave-active {
  transform: scale(1, 1);
  transform-origin: top left;
  transition: var(--vft-transition-md-fade);
  opacity: 1;
}

.vft-zoom-in-left-enter-from,
.vft-zoom-in-left-leave-active {
  transform: scale(0.45, 0.45);
  opacity: 0;
}

.collapse-transition {
  transition: var(--vft-transition-duration) height ease-in-out, var(--vft-transition-duration) padding-top ease-in-out, var(--vft-transition-duration) padding-bottom ease-in-out;
}

.vft-collapse-transition-leave-active,
.vft-collapse-transition-enter-active {
  transition: var(--vft-transition-duration) max-height ease-in-out, var(--vft-transition-duration) padding-top ease-in-out, var(--vft-transition-duration) padding-bottom ease-in-out;
}

.horizontal-collapse-transition {
  transition: var(--vft-transition-duration) width ease-in-out, var(--vft-transition-duration) padding-left ease-in-out, var(--vft-transition-duration) padding-right ease-in-out;
}

.vft-list-enter-active,
.vft-list-leave-active {
  transition: all 1s;
}

.vft-list-enter-from,
.vft-list-leave-to {
  transform: translateY(-1.875rem);
  opacity: 0;
}

.vft-list-leave-active {
  position: absolute !important;
}

.vft-opacity-transition {
  transition: opacity var(--vft-transition-duration) cubic-bezier(0.55, 0, 0.1, 1);
}

@keyframes vft-rotate {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes vft-loading-dot {
  33% {
    transform: translateY(-2em);
  }
  66% {
    transform: translateY(-1em);
  }
}
.vft-carousel {
  --vft-carousel-arrow-font-size: 0.75rem;
  --vft-carousel-arrow-size: 2.25rem;
  --vft-carousel-arrow-background: rgba(31, 45, 61, 0.11);
  --vft-carousel-arrow-hover-background: rgba(31, 45, 61, 0.23);
  --vft-carousel-indicator-width: 1.875rem;
  --vft-carousel-indicator-height: 0.125rem;
  --vft-carousel-indicator-padding-horizontal: 0.25rem;
  --vft-carousel-indicator-padding-vertical: 0.75rem;
  --vft-carousel-indicator-out-color: var(--vft-border-color-hover);
  position: relative;
}
.vft-carousel--horizontal {
  overflow: hidden;
}

.vft-carousel--vertical {
  overflow: hidden;
}

.vft-carousel__container {
  position: relative;
  height: 18.75rem;
}

.vft-carousel__arrow {
  border: none;
  outline: none;
  padding: 0;
  margin: 0;
  height: var(--vft-carousel-arrow-size);
  width: var(--vft-carousel-arrow-size);
  cursor: pointer;
  transition: var(--vft-transition-duration);
  border-radius: 50%;
  background-color: var(--vft-carousel-arrow-background);
  color: #fff;
  position: absolute;
  top: 50%;
  z-index: 10;
  transform: translateY(-50%);
  text-align: center;
  font-size: var(--vft-carousel-arrow-font-size);
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.vft-carousel__arrow--left {
  left: 1rem;
}

.vft-carousel__arrow--right {
  right: 1rem;
}

.vft-carousel__arrow:hover {
  background-color: var(--vft-carousel-arrow-hover-background);
}
.vft-carousel__arrow i {
  cursor: pointer;
}

.vft-carousel__indicators {
  position: absolute;
  list-style: none;
  margin: 0;
  padding: 0;
  z-index: calc(var(--vft-z-index-normal) + 1);
}
.vft-carousel__indicators--horizontal {
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}

.vft-carousel__indicators--vertical {
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}

.vft-carousel__indicators--outside {
  bottom: calc(var(--vft-carousel-indicator-height) + var(--vft-carousel-indicator-padding-vertical) * 2);
  text-align: center;
  position: static;
  transform: none;
}
.vft-carousel__indicators--outside .vft-carousel__indicator:hover button {
  opacity: 0.64;
}
.vft-carousel__indicators--outside button {
  background-color: var(--vft-carousel-indicator-out-color);
  opacity: 0.24;
}

.vft-carousel__indicators--right {
  right: 0;
}

.vft-carousel__indicators--labels {
  left: 0;
  right: 0;
  transform: none;
  text-align: center;
}
.vft-carousel__indicators--labels .vft-carousel__button {
  height: auto;
  width: auto;
  padding: 0.125rem 1.125rem;
  font-size: 0.75rem;
  color: #000;
}
.vft-carousel__indicators--labels .vft-carousel__indicator {
  padding: 0.375rem 0.25rem;
}

.vft-carousel__indicator {
  background-color: transparent;
  cursor: pointer;
}
.vft-carousel__indicator:hover button {
  opacity: 0.72;
}
.vft-carousel__indicator--horizontal {
  display: inline-block;
  padding: var(--vft-carousel-indicator-padding-vertical) var(--vft-carousel-indicator-padding-horizontal);
}

.vft-carousel__indicator--vertical {
  padding: var(--vft-carousel-indicator-padding-horizontal) var(--vft-carousel-indicator-padding-vertical);
}
.vft-carousel__indicator--vertical .vft-carousel__button {
  width: var(--vft-carousel-indicator-height);
  height: calc(var(--vft-carousel-indicator-width) / 2);
}

.vft-carousel__indicator.is-active button {
  opacity: 1;
}

.vft-carousel__button {
  display: block;
  opacity: 0.48;
  width: var(--vft-carousel-indicator-width);
  height: var(--vft-carousel-indicator-height);
  background-color: #fff;
  border: none;
  outline: none;
  padding: 0;
  margin: 0;
  cursor: pointer;
  transition: var(--vft-transition-duration);
}

.carousel-arrow-left-enter-from,
.carousel-arrow-left-leave-active {
  transform: translateY(-50%) translateX(-0.625rem);
  opacity: 0;
}

.carousel-arrow-right-enter-from,
.carousel-arrow-right-leave-active {
  transform: translateY(-50%) translateX(0.625rem);
  opacity: 0;
}

.vft-transitioning {
  filter: url("#elCarouselHorizontal");
}

.vft-transitioning-vertical {
  filter: url("#elCarouselVertical");
}.vft-fade-in-linear-enter-active,
.vft-fade-in-linear-leave-active {
  transition: var(--vft-transition-fade-linear);
}

.vft-fade-in-linear-enter-from,
.vft-fade-in-linear-leave-to {
  opacity: 0;
}

.vft-fade-in-enter-active,
.vft-fade-in-leave-active {
  transition: all var(--vft-transition-duration) cubic-bezier(0.55, 0, 0.1, 1);
}

.vft-fade-in-enter-from,
.vft-fade-in-leave-active {
  opacity: 0;
}

.vft-zoom-in-center-enter-active,
.vft-zoom-in-center-leave-active {
  transition: all var(--vft-transition-duration) cubic-bezier(0.55, 0, 0.1, 1);
}

.vft-zoom-in-center-enter-from,
.vft-zoom-in-center-leave-active {
  transform: scaleX(0);
  opacity: 0;
}

.vft-zoom-in-top-enter-active,
.vft-zoom-in-top-leave-active {
  transition: var(--vft-transition-md-fade);
  transform: scaleY(1);
  transform-origin: center top;
  opacity: 1;
}
.vft-zoom-in-top-enter-active[data-popper-placement^=top],
.vft-zoom-in-top-leave-active[data-popper-placement^=top] {
  transform-origin: center bottom;
}

.vft-zoom-in-top-enter-from,
.vft-zoom-in-top-leave-active {
  transform: scaleY(0);
  opacity: 0;
}

.vft-zoom-in-top-fast-enter-active {
  transition: var(--vft-transition-md-fade);
  transform: scaleY(1);
  transform-origin: center top;
  opacity: 1;
}
.vft-zoom-in-top-fast-enter-active[data-popper-placement^=top] {
  transform-origin: center bottom;
}

.vft-zoom-in-top-fast-leave-active {
  transform: scaleY(1);
  transform-origin: center top;
  opacity: 1;
}
.vft-zoom-in-top-fast-leave-active[data-popper-placement^=top] {
  transform-origin: center bottom;
}

.vft-zoom-in-top-fast-enter-from,
.vft-zoom-in-top-fast-leave-active {
  transform: scaleY(0);
  opacity: 0;
}

.vft-zoom-in-bottom-enter-active,
.vft-zoom-in-bottom-leave-active {
  transform: scaleY(1);
  transform-origin: center bottom;
  transition: var(--vft-transition-md-fade);
  opacity: 1;
}

.vft-zoom-in-bottom-enter-from,
.vft-zoom-in-bottom-leave-active {
  transform: scaleY(0);
  opacity: 0;
}

.vft-zoom-in-left-enter-active,
.vft-zoom-in-left-leave-active {
  transform: scale(1, 1);
  transform-origin: top left;
  transition: var(--vft-transition-md-fade);
  opacity: 1;
}

.vft-zoom-in-left-enter-from,
.vft-zoom-in-left-leave-active {
  transform: scale(0.45, 0.45);
  opacity: 0;
}

.collapse-transition {
  transition: var(--vft-transition-duration) height ease-in-out, var(--vft-transition-duration) padding-top ease-in-out, var(--vft-transition-duration) padding-bottom ease-in-out;
}

.vft-collapse-transition-leave-active,
.vft-collapse-transition-enter-active {
  transition: var(--vft-transition-duration) max-height ease-in-out, var(--vft-transition-duration) padding-top ease-in-out, var(--vft-transition-duration) padding-bottom ease-in-out;
}

.horizontal-collapse-transition {
  transition: var(--vft-transition-duration) width ease-in-out, var(--vft-transition-duration) padding-left ease-in-out, var(--vft-transition-duration) padding-right ease-in-out;
}

.vft-list-enter-active,
.vft-list-leave-active {
  transition: all 1s;
}

.vft-list-enter-from,
.vft-list-leave-to {
  transform: translateY(-1.875rem);
  opacity: 0;
}

.vft-list-leave-active {
  position: absolute !important;
}

.vft-opacity-transition {
  transition: opacity var(--vft-transition-duration) cubic-bezier(0.55, 0, 0.1, 1);
}

@keyframes vft-rotate {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes vft-loading-dot {
  33% {
    transform: translateY(-2em);
  }
  66% {
    transform: translateY(-1em);
  }
}
.vft-carousel__item {
  display: inline-block;
  position: absolute;
  z-index: calc(var(--vft-z-index-normal) - 1);
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.vft-carousel__item.is-active {
  z-index: calc(var(--vft-z-index-normal) - 1);
}

.vft-carousel__item.is-animating {
  transition: transform 0.4s ease-in-out;
}

.vft-carousel__item--card {
  width: 50%;
  transition: transform 0.4s ease-in-out;
}
.vft-carousel__item--card.is-in-stage {
  z-index: var(--vft-z-index-normal);
  cursor: pointer;
}
.vft-carousel__item--card.is-in-stage:hover .vft-carousel__mask, .vft-carousel__item--card.is-in-stage.is-hover .vft-carousel__mask {
  opacity: 0.12;
}
.vft-carousel__item--card.is-active {
  z-index: calc(var(--vft-z-index-normal) + 1);
}

.vft-carousel__mask {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: var(--vft-transition-duration-fast);
  opacity: 0.24;
  background-color: var(--vft-color-white);
}.vft-fade-in-linear-enter-active,
.vft-fade-in-linear-leave-active {
  transition: var(--vft-transition-fade-linear);
}

.vft-fade-in-linear-enter-from,
.vft-fade-in-linear-leave-to {
  opacity: 0;
}

.vft-fade-in-enter-active,
.vft-fade-in-leave-active {
  transition: all var(--vft-transition-duration) cubic-bezier(0.55, 0, 0.1, 1);
}

.vft-fade-in-enter-from,
.vft-fade-in-leave-active {
  opacity: 0;
}

.vft-zoom-in-center-enter-active,
.vft-zoom-in-center-leave-active {
  transition: all var(--vft-transition-duration) cubic-bezier(0.55, 0, 0.1, 1);
}

.vft-zoom-in-center-enter-from,
.vft-zoom-in-center-leave-active {
  transform: scaleX(0);
  opacity: 0;
}

.vft-zoom-in-top-enter-active,
.vft-zoom-in-top-leave-active {
  transition: var(--vft-transition-md-fade);
  transform: scaleY(1);
  transform-origin: center top;
  opacity: 1;
}
.vft-zoom-in-top-enter-active[data-popper-placement^=top],
.vft-zoom-in-top-leave-active[data-popper-placement^=top] {
  transform-origin: center bottom;
}

.vft-zoom-in-top-enter-from,
.vft-zoom-in-top-leave-active {
  transform: scaleY(0);
  opacity: 0;
}

.vft-zoom-in-top-fast-enter-active {
  transition: var(--vft-transition-md-fade);
  transform: scaleY(1);
  transform-origin: center top;
  opacity: 1;
}
.vft-zoom-in-top-fast-enter-active[data-popper-placement^=top] {
  transform-origin: center bottom;
}

.vft-zoom-in-top-fast-leave-active {
  transform: scaleY(1);
  transform-origin: center top;
  opacity: 1;
}
.vft-zoom-in-top-fast-leave-active[data-popper-placement^=top] {
  transform-origin: center bottom;
}

.vft-zoom-in-top-fast-enter-from,
.vft-zoom-in-top-fast-leave-active {
  transform: scaleY(0);
  opacity: 0;
}

.vft-zoom-in-bottom-enter-active,
.vft-zoom-in-bottom-leave-active {
  transform: scaleY(1);
  transform-origin: center bottom;
  transition: var(--vft-transition-md-fade);
  opacity: 1;
}

.vft-zoom-in-bottom-enter-from,
.vft-zoom-in-bottom-leave-active {
  transform: scaleY(0);
  opacity: 0;
}

.vft-zoom-in-left-enter-active,
.vft-zoom-in-left-leave-active {
  transform: scale(1, 1);
  transform-origin: top left;
  transition: var(--vft-transition-md-fade);
  opacity: 1;
}

.vft-zoom-in-left-enter-from,
.vft-zoom-in-left-leave-active {
  transform: scale(0.45, 0.45);
  opacity: 0;
}

.collapse-transition {
  transition: var(--vft-transition-duration) height ease-in-out, var(--vft-transition-duration) padding-top ease-in-out, var(--vft-transition-duration) padding-bottom ease-in-out;
}

.vft-collapse-transition-leave-active,
.vft-collapse-transition-enter-active {
  transition: var(--vft-transition-duration) max-height ease-in-out, var(--vft-transition-duration) padding-top ease-in-out, var(--vft-transition-duration) padding-bottom ease-in-out;
}

.horizontal-collapse-transition {
  transition: var(--vft-transition-duration) width ease-in-out, var(--vft-transition-duration) padding-left ease-in-out, var(--vft-transition-duration) padding-right ease-in-out;
}

.vft-list-enter-active,
.vft-list-leave-active {
  transition: all 1s;
}

.vft-list-enter-from,
.vft-list-leave-to {
  transform: translateY(-1.875rem);
  opacity: 0;
}

.vft-list-leave-active {
  position: absolute !important;
}

.vft-opacity-transition {
  transition: opacity var(--vft-transition-duration) cubic-bezier(0.55, 0, 0.1, 1);
}

@keyframes vft-rotate {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes vft-loading-dot {
  33% {
    transform: translateY(-2em);
  }
  66% {
    transform: translateY(-1em);
  }
}
:root {
  --vft-clamp-toggle-toggle-color: #1382ef;
  --vft-clamp-toggle-toggle-size: 0.75rem;
  --vft-clamp-toggle-color: #111;
  --vft-clamp-toggle-size: 0.75rem;
}

.vft-clamp-toggle {
  color: var(--vft-clamp-toggle-color);
  font-size: var(--vft-clamp-toggle-size);
}
.vft-clamp-toggle__more {
  color: var(--vft-clamp-toggle-toggle-color);
  font-size: var(--vft-clamp-toggle-toggle-size);
}.vft-fade-in-linear-enter-active,
.vft-fade-in-linear-leave-active {
  transition: var(--vft-transition-fade-linear);
}

.vft-fade-in-linear-enter-from,
.vft-fade-in-linear-leave-to {
  opacity: 0;
}

.vft-fade-in-enter-active,
.vft-fade-in-leave-active {
  transition: all var(--vft-transition-duration) cubic-bezier(0.55, 0, 0.1, 1);
}

.vft-fade-in-enter-from,
.vft-fade-in-leave-active {
  opacity: 0;
}

.vft-zoom-in-center-enter-active,
.vft-zoom-in-center-leave-active {
  transition: all var(--vft-transition-duration) cubic-bezier(0.55, 0, 0.1, 1);
}

.vft-zoom-in-center-enter-from,
.vft-zoom-in-center-leave-active {
  transform: scaleX(0);
  opacity: 0;
}

.vft-zoom-in-top-enter-active,
.vft-zoom-in-top-leave-active {
  transition: var(--vft-transition-md-fade);
  transform: scaleY(1);
  transform-origin: center top;
  opacity: 1;
}
.vft-zoom-in-top-enter-active[data-popper-placement^=top],
.vft-zoom-in-top-leave-active[data-popper-placement^=top] {
  transform-origin: center bottom;
}

.vft-zoom-in-top-enter-from,
.vft-zoom-in-top-leave-active {
  transform: scaleY(0);
  opacity: 0;
}

.vft-zoom-in-top-fast-enter-active {
  transition: var(--vft-transition-md-fade);
  transform: scaleY(1);
  transform-origin: center top;
  opacity: 1;
}
.vft-zoom-in-top-fast-enter-active[data-popper-placement^=top] {
  transform-origin: center bottom;
}

.vft-zoom-in-top-fast-leave-active {
  transform: scaleY(1);
  transform-origin: center top;
  opacity: 1;
}
.vft-zoom-in-top-fast-leave-active[data-popper-placement^=top] {
  transform-origin: center bottom;
}

.vft-zoom-in-top-fast-enter-from,
.vft-zoom-in-top-fast-leave-active {
  transform: scaleY(0);
  opacity: 0;
}

.vft-zoom-in-bottom-enter-active,
.vft-zoom-in-bottom-leave-active {
  transform: scaleY(1);
  transform-origin: center bottom;
  transition: var(--vft-transition-md-fade);
  opacity: 1;
}

.vft-zoom-in-bottom-enter-from,
.vft-zoom-in-bottom-leave-active {
  transform: scaleY(0);
  opacity: 0;
}

.vft-zoom-in-left-enter-active,
.vft-zoom-in-left-leave-active {
  transform: scale(1, 1);
  transform-origin: top left;
  transition: var(--vft-transition-md-fade);
  opacity: 1;
}

.vft-zoom-in-left-enter-from,
.vft-zoom-in-left-leave-active {
  transform: scale(0.45, 0.45);
  opacity: 0;
}

.collapse-transition {
  transition: var(--vft-transition-duration) height ease-in-out, var(--vft-transition-duration) padding-top ease-in-out, var(--vft-transition-duration) padding-bottom ease-in-out;
}

.vft-collapse-transition-leave-active,
.vft-collapse-transition-enter-active {
  transition: var(--vft-transition-duration) max-height ease-in-out, var(--vft-transition-duration) padding-top ease-in-out, var(--vft-transition-duration) padding-bottom ease-in-out;
}

.horizontal-collapse-transition {
  transition: var(--vft-transition-duration) width ease-in-out, var(--vft-transition-duration) padding-left ease-in-out, var(--vft-transition-duration) padding-right ease-in-out;
}

.vft-list-enter-active,
.vft-list-leave-active {
  transition: all 1s;
}

.vft-list-enter-from,
.vft-list-leave-to {
  transform: translateY(-1.875rem);
  opacity: 0;
}

.vft-list-leave-active {
  position: absolute !important;
}

.vft-opacity-transition {
  transition: opacity var(--vft-transition-duration) cubic-bezier(0.55, 0, 0.1, 1);
}

@keyframes vft-rotate {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes vft-loading-dot {
  33% {
    transform: translateY(-2em);
  }
  66% {
    transform: translateY(-1em);
  }
}
.vft-skeleton {
  --vft-skeleton-circle-size: var(--vft-avatar-size);
}

.vft-skeleton__item {
  background: var(--vft-skeleton-color);
  display: inline-block;
  height: 1rem;
  border-radius: var(--vft-border-radius-base);
  width: 100%;
}

.vft-skeleton__circle {
  border-radius: 50%;
  width: var(--vft-skeleton-circle-size);
  height: var(--vft-skeleton-circle-size);
  line-height: var(--vft-skeleton-circle-size);
}

.vft-skeleton__button {
  height: 2.5rem;
  width: 4rem;
  border-radius: 0.25rem;
}

.vft-skeleton__p {
  width: 100%;
}
.vft-skeleton__p.is-last {
  width: 61%;
}

.vft-skeleton__p.is-first {
  width: 33%;
}

.vft-skeleton__text {
  width: 100%;
  height: var(--vft-font-size-small);
}

.vft-skeleton__caption {
  height: var(--vft-font-size-extra-small);
}

.vft-skeleton__h1 {
  height: var(--vft-font-size-extra-large);
}

.vft-skeleton__h3 {
  height: var(--vft-font-size-large);
}

.vft-skeleton__h5 {
  height: var(--vft-font-size-medium);
}

.vft-skeleton__image {
  width: unset;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0;
}
.vft-skeleton__image svg {
  color: var(--vft-svg-monochrome-grey);
  fill: currentcolor;
  width: 22%;
  height: 22%;
}

.vft-skeleton .icon-picture-filled {
  color: #dcdfe6;
  font-size: 3.25rem;
  width: 1em;
  height: 1em;
  background-color: currentcolor;
  -webkit-mask: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="M96 896a32 32 0 0 1-32-32V160a32 32 0 0 1 32-32h832a32 32 0 0 1 32 32v704a32 32 0 0 1-32 32H96zm315.52-228.48l-68.928-68.928a32 32 0 0 0-45.248 0L128 768.064h778.688l-242.112-290.56a32 32 0 0 0-49.216 0L458.752 665.408a32 32 0 0 1-47.232 2.112zM256 384a96 96 0 1 0 192.064-.064A96 96 0 0 0 256 384z"%2F%3E%3C%2Fsvg%3E') no-repeat;
          mask: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="M96 896a32 32 0 0 1-32-32V160a32 32 0 0 1 32-32h832a32 32 0 0 1 32 32v704a32 32 0 0 1-32 32H96zm315.52-228.48l-68.928-68.928a32 32 0 0 0-45.248 0L128 768.064h778.688l-242.112-290.56a32 32 0 0 0-49.216 0L458.752 665.408a32 32 0 0 1-47.232 2.112zM256 384a96 96 0 1 0 192.064-.064A96 96 0 0 0 256 384z"%2F%3E%3C%2Fsvg%3E') no-repeat;
  -webkit-mask-size: 100% 100%;
          mask-size: 100% 100%;
}.vft-fade-in-linear-enter-active,
.vft-fade-in-linear-leave-active {
  transition: var(--vft-transition-fade-linear);
}

.vft-fade-in-linear-enter-from,
.vft-fade-in-linear-leave-to {
  opacity: 0;
}

.vft-fade-in-enter-active,
.vft-fade-in-leave-active {
  transition: all var(--vft-transition-duration) cubic-bezier(0.55, 0, 0.1, 1);
}

.vft-fade-in-enter-from,
.vft-fade-in-leave-active {
  opacity: 0;
}

.vft-zoom-in-center-enter-active,
.vft-zoom-in-center-leave-active {
  transition: all var(--vft-transition-duration) cubic-bezier(0.55, 0, 0.1, 1);
}

.vft-zoom-in-center-enter-from,
.vft-zoom-in-center-leave-active {
  transform: scaleX(0);
  opacity: 0;
}

.vft-zoom-in-top-enter-active,
.vft-zoom-in-top-leave-active {
  transition: var(--vft-transition-md-fade);
  transform: scaleY(1);
  transform-origin: center top;
  opacity: 1;
}
.vft-zoom-in-top-enter-active[data-popper-placement^=top],
.vft-zoom-in-top-leave-active[data-popper-placement^=top] {
  transform-origin: center bottom;
}

.vft-zoom-in-top-enter-from,
.vft-zoom-in-top-leave-active {
  transform: scaleY(0);
  opacity: 0;
}

.vft-zoom-in-top-fast-enter-active {
  transition: var(--vft-transition-md-fade);
  transform: scaleY(1);
  transform-origin: center top;
  opacity: 1;
}
.vft-zoom-in-top-fast-enter-active[data-popper-placement^=top] {
  transform-origin: center bottom;
}

.vft-zoom-in-top-fast-leave-active {
  transform: scaleY(1);
  transform-origin: center top;
  opacity: 1;
}
.vft-zoom-in-top-fast-leave-active[data-popper-placement^=top] {
  transform-origin: center bottom;
}

.vft-zoom-in-top-fast-enter-from,
.vft-zoom-in-top-fast-leave-active {
  transform: scaleY(0);
  opacity: 0;
}

.vft-zoom-in-bottom-enter-active,
.vft-zoom-in-bottom-leave-active {
  transform: scaleY(1);
  transform-origin: center bottom;
  transition: var(--vft-transition-md-fade);
  opacity: 1;
}

.vft-zoom-in-bottom-enter-from,
.vft-zoom-in-bottom-leave-active {
  transform: scaleY(0);
  opacity: 0;
}

.vft-zoom-in-left-enter-active,
.vft-zoom-in-left-leave-active {
  transform: scale(1, 1);
  transform-origin: top left;
  transition: var(--vft-transition-md-fade);
  opacity: 1;
}

.vft-zoom-in-left-enter-from,
.vft-zoom-in-left-leave-active {
  transform: scale(0.45, 0.45);
  opacity: 0;
}

.collapse-transition {
  transition: var(--vft-transition-duration) height ease-in-out, var(--vft-transition-duration) padding-top ease-in-out, var(--vft-transition-duration) padding-bottom ease-in-out;
}

.vft-collapse-transition-leave-active,
.vft-collapse-transition-enter-active {
  transition: var(--vft-transition-duration) max-height ease-in-out, var(--vft-transition-duration) padding-top ease-in-out, var(--vft-transition-duration) padding-bottom ease-in-out;
}

.horizontal-collapse-transition {
  transition: var(--vft-transition-duration) width ease-in-out, var(--vft-transition-duration) padding-left ease-in-out, var(--vft-transition-duration) padding-right ease-in-out;
}

.vft-list-enter-active,
.vft-list-leave-active {
  transition: all 1s;
}

.vft-list-enter-from,
.vft-list-leave-to {
  transform: translateY(-1.875rem);
  opacity: 0;
}

.vft-list-leave-active {
  position: absolute !important;
}

.vft-opacity-transition {
  transition: opacity var(--vft-transition-duration) cubic-bezier(0.55, 0, 0.1, 1);
}

@keyframes vft-rotate {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes vft-loading-dot {
  33% {
    transform: translateY(-2em);
  }
  66% {
    transform: translateY(-1em);
  }
}
:root {
  --vft-skeleton-color: var(--vft-fill-color);
  --vft-skeleton-to-color: var(--vft-fill-color-darker);
}

@keyframes vft-skeleton-loading {
  0% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0 50%;
  }
}
.vft-skeleton {
  width: 100%;
}
.vft-skeleton__first-line {
  height: 1rem;
  margin-top: 1rem;
  background: var(--vft-skeleton-color);
}

.vft-skeleton__paragraph {
  height: 1rem;
  margin-top: 1rem;
  background: var(--vft-skeleton-color);
}

.vft-skeleton.is-animated .vft-skeleton__item {
  animation: vft-skeleton-loading 1.4s ease infinite;
  background: linear-gradient(90deg, var(--vft-skeleton-color) 25%, var(--vft-skeleton-to-color) 37%, var(--vft-skeleton-color) 63%);
  background-size: 400% 100%;
}.vft-fade-in-linear-enter-active,
.vft-fade-in-linear-leave-active {
  transition: var(--vft-transition-fade-linear);
}

.vft-fade-in-linear-enter-from,
.vft-fade-in-linear-leave-to {
  opacity: 0;
}

.vft-fade-in-enter-active,
.vft-fade-in-leave-active {
  transition: all var(--vft-transition-duration) cubic-bezier(0.55, 0, 0.1, 1);
}

.vft-fade-in-enter-from,
.vft-fade-in-leave-active {
  opacity: 0;
}

.vft-zoom-in-center-enter-active,
.vft-zoom-in-center-leave-active {
  transition: all var(--vft-transition-duration) cubic-bezier(0.55, 0, 0.1, 1);
}

.vft-zoom-in-center-enter-from,
.vft-zoom-in-center-leave-active {
  transform: scaleX(0);
  opacity: 0;
}

.vft-zoom-in-top-enter-active,
.vft-zoom-in-top-leave-active {
  transition: var(--vft-transition-md-fade);
  transform: scaleY(1);
  transform-origin: center top;
  opacity: 1;
}
.vft-zoom-in-top-enter-active[data-popper-placement^=top],
.vft-zoom-in-top-leave-active[data-popper-placement^=top] {
  transform-origin: center bottom;
}

.vft-zoom-in-top-enter-from,
.vft-zoom-in-top-leave-active {
  transform: scaleY(0);
  opacity: 0;
}

.vft-zoom-in-top-fast-enter-active {
  transition: var(--vft-transition-md-fade);
  transform: scaleY(1);
  transform-origin: center top;
  opacity: 1;
}
.vft-zoom-in-top-fast-enter-active[data-popper-placement^=top] {
  transform-origin: center bottom;
}

.vft-zoom-in-top-fast-leave-active {
  transform: scaleY(1);
  transform-origin: center top;
  opacity: 1;
}
.vft-zoom-in-top-fast-leave-active[data-popper-placement^=top] {
  transform-origin: center bottom;
}

.vft-zoom-in-top-fast-enter-from,
.vft-zoom-in-top-fast-leave-active {
  transform: scaleY(0);
  opacity: 0;
}

.vft-zoom-in-bottom-enter-active,
.vft-zoom-in-bottom-leave-active {
  transform: scaleY(1);
  transform-origin: center bottom;
  transition: var(--vft-transition-md-fade);
  opacity: 1;
}

.vft-zoom-in-bottom-enter-from,
.vft-zoom-in-bottom-leave-active {
  transform: scaleY(0);
  opacity: 0;
}

.vft-zoom-in-left-enter-active,
.vft-zoom-in-left-leave-active {
  transform: scale(1, 1);
  transform-origin: top left;
  transition: var(--vft-transition-md-fade);
  opacity: 1;
}

.vft-zoom-in-left-enter-from,
.vft-zoom-in-left-leave-active {
  transform: scale(0.45, 0.45);
  opacity: 0;
}

.collapse-transition {
  transition: var(--vft-transition-duration) height ease-in-out, var(--vft-transition-duration) padding-top ease-in-out, var(--vft-transition-duration) padding-bottom ease-in-out;
}

.vft-collapse-transition-leave-active,
.vft-collapse-transition-enter-active {
  transition: var(--vft-transition-duration) max-height ease-in-out, var(--vft-transition-duration) padding-top ease-in-out, var(--vft-transition-duration) padding-bottom ease-in-out;
}

.horizontal-collapse-transition {
  transition: var(--vft-transition-duration) width ease-in-out, var(--vft-transition-duration) padding-left ease-in-out, var(--vft-transition-duration) padding-right ease-in-out;
}

.vft-list-enter-active,
.vft-list-leave-active {
  transition: all 1s;
}

.vft-list-enter-from,
.vft-list-leave-to {
  transform: translateY(-1.875rem);
  opacity: 0;
}

.vft-list-leave-active {
  position: absolute !important;
}

.vft-opacity-transition {
  transition: opacity var(--vft-transition-duration) cubic-bezier(0.55, 0, 0.1, 1);
}

@keyframes vft-rotate {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes vft-loading-dot {
  33% {
    transform: translateY(-2em);
  }
  66% {
    transform: translateY(-1em);
  }
}
.loading-dot, .vft-table .dot {
  display: inline-block;
  height: 1em;
  overflow: hidden;
  line-height: 1;
  text-align: left;
  vertical-align: -0.25em;
}
.loading-dot::before, .vft-table .dot::before {
  content: "...\a..\a.";
  display: block;
  animation: vft-loading-dot 1s infinite step-start both;
  white-space: pre-wrap;
}

:root {
  --vft-table-header-bg-color: #f3f8ff;
  --vft-table-header-color: #262626;
  --vft-table-stripe-bg-color: #f7fbff;
  --vft-table-stripe-active-bg-color: #eaf7ff;
  --vft-table-row-hover-bg-color: #eaf7ff;
  --vft-table-header-text-size: 0.8125rem;
  --vft-table-header-padding-x: 0.75rem;
  --vft-table-header-padding-y: 0.375rem;
  --vft-table-header-line-height: 1.125rem;
  --vft-table-header-line-clamp: 2;
  --vft-table-header-height: 1.875rem;
  --vft-table-body-text-size: 0.8125rem;
  --vft-table-body-padding-x: 0.75rem;
  --vft-table-body-line-height: 1.125rem;
  --vft-table-body-line-clamp: 3;
  --vft-table-body-color: #141414;
  --vft-table-border: 0.0625rem solid rgb(242, 244, 249);
  --vft-table-border-fixed: 0.0625rem solid rgb(232, 236, 244);
}

.vft-table {
  width: 100%;
}
.vft-table tbody tr:last-child .vxe-body--column {
  border-bottom: var(--vft-table-border);
}
.vft-table--pager-bottom-right {
  justify-content: flex-end;
  margin-top: 0.625rem;
}
.vft-table--pager-bottom-right .btn-next {
  margin-right: 0 !important;
}

.vft-table--pager-bottom-left {
  justify-content: flex-start;
  margin-top: 0.625rem;
}
.vft-table--pager-bottom-left .btn-prev {
  margin-left: 0 !important;
}

.vft-table--pager-top-right {
  justify-content: flex-end;
  margin-bottom: 0.625rem;
}
.vft-table--pager-top-right .btn-next {
  margin-right: 0 !important;
}

.vft-table--pager-top-left {
  justify-content: flex-start;
  margin-bottom: 0.625rem;
}
.vft-table--pager-top-left .btn-prev {
  margin-left: 0 !important;
}

.vft-table .vxe-grid .vxe-table {
  width: 100%;
}
.vft-table .vxe-grid .vxe-table .vxe-table--header-wrapper {
  background-color: var(--vft-table-header-bg-color);
}
.vft-table .vxe-grid .vxe-table .vxe-table--header-wrapper .vxe-header--column {
  border-right: var(--vft-table-border);
  background-image: none;
  color: var(--vft-table-header-color);
  font-weight: 400;
}
.vft-table .vxe-grid .vxe-table .vxe-table--header-wrapper .vxe-header--column .vxe-cell {
  padding: var(--vft-table-header-padding-y) var(--vft-table-header-padding-x);
  font-size: var(--vft-table-header-text-size);
  line-height: var(--vft-table-header-line-height);
}
.vft-table .vxe-grid .vxe-table .vxe-table--body-wrapper .vxe-body--row {
  transition: var(--vft-transition-bg-color);
}
.vft-table .vxe-grid .vxe-table .vxe-table--body-wrapper .vxe-body--row.row--stripe > .vxe-body--column {
  background-color: var(--vft-table-stripe-bg-color);
}
.vft-table .vxe-grid .vxe-table .vxe-table--body-wrapper .vxe-body--row.row--current > .vxe-body--column {
  background-color: var(--vft-table-stripe-active-bg-color);
}
.vft-table .vxe-grid .vxe-table .vxe-table--body-wrapper .vxe-body--row .vxe-body--column {
  border-right: var(--vft-table-border);
  background-image: none;
}
.vft-table .vxe-grid .vxe-table .vxe-table--body-wrapper .vxe-body--row .vxe-body--column .vxe-cell {
  color: var(--vft-text-primary-color);
  font-size: var(--vft-table-body-text-size);
  line-height: var(--vft-table-body-line-height);
}
.vft-table .vxe-grid .vxe-table.vxe-table--render-default .vxe-body--row.row--hover .vxe-body--column {
  background-color: var(--vft-table-row-hover-bg-color) !important;
}
.vft-table .vxe-grid .vxe-table .vxe-table--fixed-wrapper .vxe-table--fixed-left-wrapper {
  border-right: var(--vft-table-border-fixed);
}
.vft-table .vxe-grid .vxe-table .vxe-table--fixed-wrapper .vxe-table--fixed-right-wrapper {
  border-left: var(--vft-table-border-fixed);
}
.vft-table .vxe-grid .vxe-table .vxe-loading {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  min-height: 12.5rem;
}
.vft-table .vxe-grid .vxe-table .vxe-loading .vxe-loading--wrapper {
  height: 100%;
}
.vft-table .vxe-grid .vxe-table .vxe-loading > .vxe-loading--warpper {
  transform: initial;
}
.vft-table .vxe-table--render-default .vxe-body--column.col--ellipsis .vxe-cell--wrapper {
  padding: 0 0.625rem !important;
}
.vft-table .vxe-cell--checkbox.is--disabled .vxe-checkbox--icon::before {
  background-color: #f5f7fa;
}
.vft-table .vxe-cell--checkbox .vxe-checkbox--icon {
  font-weight: 100;
}
.vft-table .vxe-buttons--wrapper .vft-form-item {
  margin-bottom: 0 !important;
}
.vft-table .vft-loading-parent--relative {
  height: 100%;
}.vft-fade-in-linear-enter-active,
.vft-fade-in-linear-leave-active {
  transition: var(--vft-transition-fade-linear);
}

.vft-fade-in-linear-enter-from,
.vft-fade-in-linear-leave-to {
  opacity: 0;
}

.vft-fade-in-enter-active,
.vft-fade-in-leave-active {
  transition: all var(--vft-transition-duration) cubic-bezier(0.55, 0, 0.1, 1);
}

.vft-fade-in-enter-from,
.vft-fade-in-leave-active {
  opacity: 0;
}

.vft-zoom-in-center-enter-active,
.vft-zoom-in-center-leave-active {
  transition: all var(--vft-transition-duration) cubic-bezier(0.55, 0, 0.1, 1);
}

.vft-zoom-in-center-enter-from,
.vft-zoom-in-center-leave-active {
  transform: scaleX(0);
  opacity: 0;
}

.vft-zoom-in-top-enter-active,
.vft-zoom-in-top-leave-active {
  transition: var(--vft-transition-md-fade);
  transform: scaleY(1);
  transform-origin: center top;
  opacity: 1;
}
.vft-zoom-in-top-enter-active[data-popper-placement^=top],
.vft-zoom-in-top-leave-active[data-popper-placement^=top] {
  transform-origin: center bottom;
}

.vft-zoom-in-top-enter-from,
.vft-zoom-in-top-leave-active {
  transform: scaleY(0);
  opacity: 0;
}

.vft-zoom-in-top-fast-enter-active {
  transition: var(--vft-transition-md-fade);
  transform: scaleY(1);
  transform-origin: center top;
  opacity: 1;
}
.vft-zoom-in-top-fast-enter-active[data-popper-placement^=top] {
  transform-origin: center bottom;
}

.vft-zoom-in-top-fast-leave-active {
  transform: scaleY(1);
  transform-origin: center top;
  opacity: 1;
}
.vft-zoom-in-top-fast-leave-active[data-popper-placement^=top] {
  transform-origin: center bottom;
}

.vft-zoom-in-top-fast-enter-from,
.vft-zoom-in-top-fast-leave-active {
  transform: scaleY(0);
  opacity: 0;
}

.vft-zoom-in-bottom-enter-active,
.vft-zoom-in-bottom-leave-active {
  transform: scaleY(1);
  transform-origin: center bottom;
  transition: var(--vft-transition-md-fade);
  opacity: 1;
}

.vft-zoom-in-bottom-enter-from,
.vft-zoom-in-bottom-leave-active {
  transform: scaleY(0);
  opacity: 0;
}

.vft-zoom-in-left-enter-active,
.vft-zoom-in-left-leave-active {
  transform: scale(1, 1);
  transform-origin: top left;
  transition: var(--vft-transition-md-fade);
  opacity: 1;
}

.vft-zoom-in-left-enter-from,
.vft-zoom-in-left-leave-active {
  transform: scale(0.45, 0.45);
  opacity: 0;
}

.collapse-transition {
  transition: var(--vft-transition-duration) height ease-in-out, var(--vft-transition-duration) padding-top ease-in-out, var(--vft-transition-duration) padding-bottom ease-in-out;
}

.vft-collapse-transition-leave-active,
.vft-collapse-transition-enter-active {
  transition: var(--vft-transition-duration) max-height ease-in-out, var(--vft-transition-duration) padding-top ease-in-out, var(--vft-transition-duration) padding-bottom ease-in-out;
}

.horizontal-collapse-transition {
  transition: var(--vft-transition-duration) width ease-in-out, var(--vft-transition-duration) padding-left ease-in-out, var(--vft-transition-duration) padding-right ease-in-out;
}

.vft-list-enter-active,
.vft-list-leave-active {
  transition: all 1s;
}

.vft-list-enter-from,
.vft-list-leave-to {
  transform: translateY(-1.875rem);
  opacity: 0;
}

.vft-list-leave-active {
  position: absolute !important;
}

.vft-opacity-transition {
  transition: opacity var(--vft-transition-duration) cubic-bezier(0.55, 0, 0.1, 1);
}

@keyframes vft-rotate {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes vft-loading-dot {
  33% {
    transform: translateY(-2em);
  }
  66% {
    transform: translateY(-1em);
  }
}
.vft-dropdown {
  display: inline-flex;
  position: relative;
  color: var(--vft-text-regular-color);
  font-size: var(--vft-font-size-base);
  line-height: 1;
  vertical-align: top;
  --vft-dropdown-menu-box-shadow: var(--vft-box-shadow-light);
  --vft-dropdown-menuItem-hover-fill: var(--vft-primary-color-light-9);
  --vft-dropdown-menuItem-hover-color: var(--vft-primary-color);
  --vft-dropdown-menu-index: 10;
}
.vft-dropdown .icon-arrow-down {
  width: 1em;
  height: 1em;
  background-color: currentcolor;
  -webkit-mask: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="M831.872 340.864L512 652.672L192.128 340.864a30.592 30.592 0 0 0-42.752 0a29.12 29.12 0 0 0 0 41.6L489.664 714.24a32 32 0 0 0 44.672 0l340.288-331.712a29.12 29.12 0 0 0 0-41.728a30.592 30.592 0 0 0-42.752 0z"%2F%3E%3C%2Fsvg%3E') no-repeat;
          mask: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="M831.872 340.864L512 652.672L192.128 340.864a30.592 30.592 0 0 0-42.752 0a29.12 29.12 0 0 0 0 41.6L489.664 714.24a32 32 0 0 0 44.672 0l340.288-331.712a29.12 29.12 0 0 0 0-41.728a30.592 30.592 0 0 0-42.752 0z"%2F%3E%3C%2Fsvg%3E') no-repeat;
  -webkit-mask-size: 100% 100%;
          mask-size: 100% 100%;
}
.vft-dropdown--large .vft-dropdown__caret-button {
  width: 2.5rem;
}

.vft-dropdown--small .vft-dropdown__caret-button {
  width: 1.5rem;
}

.vft-dropdown__popper {
  --vft-dropdown-menu-box-shadow: var(--vft-box-shadow-light);
  --vft-dropdown-menuItem-hover-fill: var(--vft-primary-color-light-9);
  --vft-dropdown-menuItem-hover-color: var(--vft-primary-color);
  --vft-dropdown-menu-index: 10;
}
.vft-dropdown__popper.vft-popper {
  border: 0.0625rem solid var(--vft-border-color-light);
  background: var(--vft-bg-color-overlay);
  box-shadow: var(--vft-dropdown-menu-box-shadow);
}
.vft-dropdown__popper.vft-popper[data-popper-placement^=top] .vft-popper__arrow::before {
  border-top-color: transparent;
  border-left-color: transparent;
}
.vft-dropdown__popper.vft-popper[data-popper-placement^=bottom] .vft-popper__arrow::before {
  border-bottom-color: transparent;
  border-right-color: transparent;
}
.vft-dropdown__popper.vft-popper[data-popper-placement^=left] .vft-popper__arrow::before {
  border-left-color: transparent;
  border-bottom-color: transparent;
}
.vft-dropdown__popper.vft-popper[data-popper-placement^=right] .vft-popper__arrow::before {
  border-right-color: transparent;
  border-top-color: transparent;
}
.vft-dropdown__popper.vft-popper .vft-popper__arrow::before {
  border: 0.0625rem solid var(--vft-border-color-light);
}
.vft-dropdown__popper .vft-scrollbar__bar {
  z-index: calc(var(--vft-dropdown-menu-index) + 1);
}
.vft-dropdown__popper .vft-dropdown__list {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  list-style: none;
}
.vft-dropdown__popper .vft-dropdown-menu {
  border: none;
}
.vft-dropdown__popper .vft-dropdown__popper-selfdefine {
  outline: none;
}

.vft-dropdown.is-disabled {
  color: var(--vft-text-placeholder-color);
  cursor: not-allowed;
}
.vft-dropdown .vft-dropdown__caret-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2rem;
  padding-right: 0;
  padding-left: 0;
  border-left: none;
}
.vft-dropdown .vft-dropdown__caret-button > span {
  display: inline-flex;
}
.vft-dropdown .vft-dropdown__caret-button::before {
  content: "";
  display: block;
  position: absolute;
  top: -0.0625rem;
  bottom: -0.0625rem;
  left: 0;
  width: 0.0625rem;
  background: var(--vft-overlay-color-lighter);
}
.vft-dropdown .vft-dropdown__caret-button.vft-button::before {
  opacity: 0.5;
  background: var(--vft-border-color);
}
.vft-dropdown .vft-dropdown__caret-button .vft-dropdown__icon {
  padding-left: 0;
  font-size: inherit;
}
.vft-dropdown .vft-dropdown-selfdefine {
  outline: none;
}

.vft-dropdown-menu {
  position: relative;
  z-index: var(--vft-dropdown-menu-index);
  top: 0;
  left: 0;
  margin: 0;
  padding: 0.3125rem 0;
  border: none;
  border-radius: var(--vft-border-radius-base);
  background-color: var(--vft-bg-color-overlay);
  box-shadow: none;
  list-style: none;
}
.vft-dropdown-menu--large {
  padding: 0.4375rem 0;
}
.vft-dropdown-menu--large .vft-dropdown-menu__item {
  padding: 0.4375rem 1.25rem;
  font-size: 0.875rem;
  line-height: 1.375rem;
}
.vft-dropdown-menu--large .vft-dropdown-menu__item--divided {
  margin: 0.5rem 0;
}

.vft-dropdown-menu--small {
  padding: 0.1875rem 0;
}
.vft-dropdown-menu--small .vft-dropdown-menu__item {
  padding: 0.125rem 0.75rem;
  font-size: 0.75rem;
  line-height: 1.25rem;
}
.vft-dropdown-menu--small .vft-dropdown-menu__item--divided {
  margin: 0.25rem 0;
}

.vft-dropdown-menu__item {
  display: flex;
  align-items: center;
  margin: 0;
  padding: 0.3125rem 1rem;
  outline: none;
  color: var(--vft-text-regular-color);
  font-size: var(--vft-font-size-base);
  line-height: 1.375rem;
  list-style: none;
  white-space: nowrap;
  cursor: pointer;
}
.vft-dropdown-menu__item--divided {
  margin: 0.375rem 0;
  border-top: 0.0625rem solid var(--vft-border-color-lighter);
}

.vft-dropdown-menu__item.is-disabled {
  color: var(--vft-text-disabled-color);
  cursor: not-allowed;
}

.vft-dropdown-menu__item:not(.is-disabled):focus {
  background-color: var(--vft-dropdown-menuItem-hover-fill);
  color: var(--vft-dropdown-menuItem-hover-color);
}
.vft-dropdown-menu__item i {
  margin-right: 0.3125rem;
}.vft-fade-in-linear-enter-active,
.vft-fade-in-linear-leave-active {
  transition: var(--vft-transition-fade-linear);
}

.vft-fade-in-linear-enter-from,
.vft-fade-in-linear-leave-to {
  opacity: 0;
}

.vft-fade-in-enter-active,
.vft-fade-in-leave-active {
  transition: all var(--vft-transition-duration) cubic-bezier(0.55, 0, 0.1, 1);
}

.vft-fade-in-enter-from,
.vft-fade-in-leave-active {
  opacity: 0;
}

.vft-zoom-in-center-enter-active,
.vft-zoom-in-center-leave-active {
  transition: all var(--vft-transition-duration) cubic-bezier(0.55, 0, 0.1, 1);
}

.vft-zoom-in-center-enter-from,
.vft-zoom-in-center-leave-active {
  transform: scaleX(0);
  opacity: 0;
}

.vft-zoom-in-top-enter-active,
.vft-zoom-in-top-leave-active {
  transition: var(--vft-transition-md-fade);
  transform: scaleY(1);
  transform-origin: center top;
  opacity: 1;
}
.vft-zoom-in-top-enter-active[data-popper-placement^=top],
.vft-zoom-in-top-leave-active[data-popper-placement^=top] {
  transform-origin: center bottom;
}

.vft-zoom-in-top-enter-from,
.vft-zoom-in-top-leave-active {
  transform: scaleY(0);
  opacity: 0;
}

.vft-zoom-in-top-fast-enter-active {
  transition: var(--vft-transition-md-fade);
  transform: scaleY(1);
  transform-origin: center top;
  opacity: 1;
}
.vft-zoom-in-top-fast-enter-active[data-popper-placement^=top] {
  transform-origin: center bottom;
}

.vft-zoom-in-top-fast-leave-active {
  transform: scaleY(1);
  transform-origin: center top;
  opacity: 1;
}
.vft-zoom-in-top-fast-leave-active[data-popper-placement^=top] {
  transform-origin: center bottom;
}

.vft-zoom-in-top-fast-enter-from,
.vft-zoom-in-top-fast-leave-active {
  transform: scaleY(0);
  opacity: 0;
}

.vft-zoom-in-bottom-enter-active,
.vft-zoom-in-bottom-leave-active {
  transform: scaleY(1);
  transform-origin: center bottom;
  transition: var(--vft-transition-md-fade);
  opacity: 1;
}

.vft-zoom-in-bottom-enter-from,
.vft-zoom-in-bottom-leave-active {
  transform: scaleY(0);
  opacity: 0;
}

.vft-zoom-in-left-enter-active,
.vft-zoom-in-left-leave-active {
  transform: scale(1, 1);
  transform-origin: top left;
  transition: var(--vft-transition-md-fade);
  opacity: 1;
}

.vft-zoom-in-left-enter-from,
.vft-zoom-in-left-leave-active {
  transform: scale(0.45, 0.45);
  opacity: 0;
}

.collapse-transition {
  transition: var(--vft-transition-duration) height ease-in-out, var(--vft-transition-duration) padding-top ease-in-out, var(--vft-transition-duration) padding-bottom ease-in-out;
}

.vft-collapse-transition-leave-active,
.vft-collapse-transition-enter-active {
  transition: var(--vft-transition-duration) max-height ease-in-out, var(--vft-transition-duration) padding-top ease-in-out, var(--vft-transition-duration) padding-bottom ease-in-out;
}

.horizontal-collapse-transition {
  transition: var(--vft-transition-duration) width ease-in-out, var(--vft-transition-duration) padding-left ease-in-out, var(--vft-transition-duration) padding-right ease-in-out;
}

.vft-list-enter-active,
.vft-list-leave-active {
  transition: all 1s;
}

.vft-list-enter-from,
.vft-list-leave-to {
  transform: translateY(-1.875rem);
  opacity: 0;
}

.vft-list-leave-active {
  position: absolute !important;
}

.vft-opacity-transition {
  transition: opacity var(--vft-transition-duration) cubic-bezier(0.55, 0, 0.1, 1);
}

@keyframes vft-rotate {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes vft-loading-dot {
  33% {
    transform: translateY(-2em);
  }
  66% {
    transform: translateY(-1em);
  }
}.vft-fade-in-linear-enter-active,
.vft-fade-in-linear-leave-active {
  transition: var(--vft-transition-fade-linear);
}

.vft-fade-in-linear-enter-from,
.vft-fade-in-linear-leave-to {
  opacity: 0;
}

.vft-fade-in-enter-active,
.vft-fade-in-leave-active {
  transition: all var(--vft-transition-duration) cubic-bezier(0.55, 0, 0.1, 1);
}

.vft-fade-in-enter-from,
.vft-fade-in-leave-active {
  opacity: 0;
}

.vft-zoom-in-center-enter-active,
.vft-zoom-in-center-leave-active {
  transition: all var(--vft-transition-duration) cubic-bezier(0.55, 0, 0.1, 1);
}

.vft-zoom-in-center-enter-from,
.vft-zoom-in-center-leave-active {
  transform: scaleX(0);
  opacity: 0;
}

.vft-zoom-in-top-enter-active,
.vft-zoom-in-top-leave-active {
  transition: var(--vft-transition-md-fade);
  transform: scaleY(1);
  transform-origin: center top;
  opacity: 1;
}
.vft-zoom-in-top-enter-active[data-popper-placement^=top],
.vft-zoom-in-top-leave-active[data-popper-placement^=top] {
  transform-origin: center bottom;
}

.vft-zoom-in-top-enter-from,
.vft-zoom-in-top-leave-active {
  transform: scaleY(0);
  opacity: 0;
}

.vft-zoom-in-top-fast-enter-active {
  transition: var(--vft-transition-md-fade);
  transform: scaleY(1);
  transform-origin: center top;
  opacity: 1;
}
.vft-zoom-in-top-fast-enter-active[data-popper-placement^=top] {
  transform-origin: center bottom;
}

.vft-zoom-in-top-fast-leave-active {
  transform: scaleY(1);
  transform-origin: center top;
  opacity: 1;
}
.vft-zoom-in-top-fast-leave-active[data-popper-placement^=top] {
  transform-origin: center bottom;
}

.vft-zoom-in-top-fast-enter-from,
.vft-zoom-in-top-fast-leave-active {
  transform: scaleY(0);
  opacity: 0;
}

.vft-zoom-in-bottom-enter-active,
.vft-zoom-in-bottom-leave-active {
  transform: scaleY(1);
  transform-origin: center bottom;
  transition: var(--vft-transition-md-fade);
  opacity: 1;
}

.vft-zoom-in-bottom-enter-from,
.vft-zoom-in-bottom-leave-active {
  transform: scaleY(0);
  opacity: 0;
}

.vft-zoom-in-left-enter-active,
.vft-zoom-in-left-leave-active {
  transform: scale(1, 1);
  transform-origin: top left;
  transition: var(--vft-transition-md-fade);
  opacity: 1;
}

.vft-zoom-in-left-enter-from,
.vft-zoom-in-left-leave-active {
  transform: scale(0.45, 0.45);
  opacity: 0;
}

.collapse-transition {
  transition: var(--vft-transition-duration) height ease-in-out, var(--vft-transition-duration) padding-top ease-in-out, var(--vft-transition-duration) padding-bottom ease-in-out;
}

.vft-collapse-transition-leave-active,
.vft-collapse-transition-enter-active {
  transition: var(--vft-transition-duration) max-height ease-in-out, var(--vft-transition-duration) padding-top ease-in-out, var(--vft-transition-duration) padding-bottom ease-in-out;
}

.horizontal-collapse-transition {
  transition: var(--vft-transition-duration) width ease-in-out, var(--vft-transition-duration) padding-left ease-in-out, var(--vft-transition-duration) padding-right ease-in-out;
}

.vft-list-enter-active,
.vft-list-leave-active {
  transition: all 1s;
}

.vft-list-enter-from,
.vft-list-leave-to {
  transform: translateY(-1.875rem);
  opacity: 0;
}

.vft-list-leave-active {
  position: absolute !important;
}

.vft-opacity-transition {
  transition: opacity var(--vft-transition-duration) cubic-bezier(0.55, 0, 0.1, 1);
}

@keyframes vft-rotate {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes vft-loading-dot {
  33% {
    transform: translateY(-2em);
  }
  66% {
    transform: translateY(-1em);
  }
}.vft-fade-in-linear-enter-active,
.vft-fade-in-linear-leave-active {
  transition: var(--vft-transition-fade-linear);
}

.vft-fade-in-linear-enter-from,
.vft-fade-in-linear-leave-to {
  opacity: 0;
}

.vft-fade-in-enter-active,
.vft-fade-in-leave-active {
  transition: all var(--vft-transition-duration) cubic-bezier(0.55, 0, 0.1, 1);
}

.vft-fade-in-enter-from,
.vft-fade-in-leave-active {
  opacity: 0;
}

.vft-zoom-in-center-enter-active,
.vft-zoom-in-center-leave-active {
  transition: all var(--vft-transition-duration) cubic-bezier(0.55, 0, 0.1, 1);
}

.vft-zoom-in-center-enter-from,
.vft-zoom-in-center-leave-active {
  transform: scaleX(0);
  opacity: 0;
}

.vft-zoom-in-top-enter-active,
.vft-zoom-in-top-leave-active {
  transition: var(--vft-transition-md-fade);
  transform: scaleY(1);
  transform-origin: center top;
  opacity: 1;
}
.vft-zoom-in-top-enter-active[data-popper-placement^=top],
.vft-zoom-in-top-leave-active[data-popper-placement^=top] {
  transform-origin: center bottom;
}

.vft-zoom-in-top-enter-from,
.vft-zoom-in-top-leave-active {
  transform: scaleY(0);
  opacity: 0;
}

.vft-zoom-in-top-fast-enter-active {
  transition: var(--vft-transition-md-fade);
  transform: scaleY(1);
  transform-origin: center top;
  opacity: 1;
}
.vft-zoom-in-top-fast-enter-active[data-popper-placement^=top] {
  transform-origin: center bottom;
}

.vft-zoom-in-top-fast-leave-active {
  transform: scaleY(1);
  transform-origin: center top;
  opacity: 1;
}
.vft-zoom-in-top-fast-leave-active[data-popper-placement^=top] {
  transform-origin: center bottom;
}

.vft-zoom-in-top-fast-enter-from,
.vft-zoom-in-top-fast-leave-active {
  transform: scaleY(0);
  opacity: 0;
}

.vft-zoom-in-bottom-enter-active,
.vft-zoom-in-bottom-leave-active {
  transform: scaleY(1);
  transform-origin: center bottom;
  transition: var(--vft-transition-md-fade);
  opacity: 1;
}

.vft-zoom-in-bottom-enter-from,
.vft-zoom-in-bottom-leave-active {
  transform: scaleY(0);
  opacity: 0;
}

.vft-zoom-in-left-enter-active,
.vft-zoom-in-left-leave-active {
  transform: scale(1, 1);
  transform-origin: top left;
  transition: var(--vft-transition-md-fade);
  opacity: 1;
}

.vft-zoom-in-left-enter-from,
.vft-zoom-in-left-leave-active {
  transform: scale(0.45, 0.45);
  opacity: 0;
}

.collapse-transition {
  transition: var(--vft-transition-duration) height ease-in-out, var(--vft-transition-duration) padding-top ease-in-out, var(--vft-transition-duration) padding-bottom ease-in-out;
}

.vft-collapse-transition-leave-active,
.vft-collapse-transition-enter-active {
  transition: var(--vft-transition-duration) max-height ease-in-out, var(--vft-transition-duration) padding-top ease-in-out, var(--vft-transition-duration) padding-bottom ease-in-out;
}

.horizontal-collapse-transition {
  transition: var(--vft-transition-duration) width ease-in-out, var(--vft-transition-duration) padding-left ease-in-out, var(--vft-transition-duration) padding-right ease-in-out;
}

.vft-list-enter-active,
.vft-list-leave-active {
  transition: all 1s;
}

.vft-list-enter-from,
.vft-list-leave-to {
  transform: translateY(-1.875rem);
  opacity: 0;
}

.vft-list-leave-active {
  position: absolute !important;
}

.vft-opacity-transition {
  transition: opacity var(--vft-transition-duration) cubic-bezier(0.55, 0, 0.1, 1);
}

@keyframes vft-rotate {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes vft-loading-dot {
  33% {
    transform: translateY(-2em);
  }
  66% {
    transform: translateY(-1em);
  }
}
:root {
  --vft-menu-bg-color: var(--vft-fill-color-blank);
  --vft-menu-popup-bg-color: var(--vft-fill-color-blank);
  --vft-menu-sub-menu-bg-color: var(--vft-fill-color-blank);
  --vft-menu-no-popup-active-bg-color: var(--vft-fill-color-blank);
  --vft-menu-active-color: var(--vft-primary-color);
  --vft-menu-text-color: var(--vft-text-primary-color);
  --vft-menu-hover-text-color: var(--vft-primary-color);
  --vft-menu-hover-bg-color: var(--vft-primary-color-light-9);
  --vft-menu-focus-text-color: var(--vft-primary-color);
  --vft-menu-focus-bg-color: var(--vft-primary-color-light-9);
  --vft-menu-item-height: 3.5rem;
  --vft-menu-sub-item-height: calc(var(--vft-menu-item-height) - 0.375rem);
  --vft-menu-horizontal-sub-item-height: 2.25rem;
  --vft-menu-item-font-size: var(--vft-font-size-base);
  --vft-menu-item-hover-fill: var(--vft-primary-color-light-9);
  --vft-menu-border-bottom: var(--vft-border);
  --vft-menu-base-level-padding: 1.25rem;
  --vft-menu-level-padding: 1.25rem;
  --vft-menu-icon-mr: 0.375rem;
  --vft-menu-icon-width: 0.875rem;
  --vft-menu-border: var(--vft-border);
  --vft-menu-border-right: var(--vft-border);
  --vft-menu-item-border-bottom: 0.125rem solid transparent;
  --vft-menu-item-active-border-bottom: 0.125rem solid var(--vft-menu-active-color);
  --vft-menu-item-min-width: 12.5rem;
}

.vft-menu {
  position: relative;
  margin: 0;
  padding-left: 0;
  border: var(--vft-menu-border);
  border-right: var(--vft-menu-border-right);
  background-color: var(--vft-menu-bg-color);
  list-style: none;
  scroll-behavior: smooth;
}
.vft-menu--vertical:not(.vft-menu--collapse):not(.vft-menu--popup-container) .vft-menu-item, .vft-menu--vertical:not(.vft-menu--collapse):not(.vft-menu--popup-container) .vft-sub-menu__title, .vft-menu--vertical:not(.vft-menu--collapse):not(.vft-menu--popup-container) .vft-menu-item-group__title {
  padding-left: calc(var(--vft-menu-base-level-padding) + var(--vft-menu-level) * var(--vft-menu-level-padding));
}
.vft-menu--vertical:not(.vft-menu--collapse) .vft-sub-menu__text {
  white-space: break-spaces;
}
.vft-menu--vertical .vft-sub-menu__icon-arrow {
  position: absolute;
  right: var(--vft-menu-base-level-padding);
}

.vft-menu--horizontal {
  display: flex;
  flex-wrap: nowrap;
  border: none;
  border-bottom: var(--vft-menu-border-bottom);
}
.vft-menu--horizontal > .vft-menu-item {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  margin: 0;
  border-bottom: var(--vft-menu-item-border-bottom);
  color: var(--vft-menu-text-color);
}
.vft-menu--horizontal > .vft-menu-item a,
.vft-menu--horizontal > .vft-menu-item a:hover {
  color: inherit;
}
.vft-menu--horizontal > .vft-sub-menu:focus, .vft-menu--horizontal > .vft-sub-menu:hover {
  outline: none;
}
.vft-menu--horizontal > .vft-sub-menu.is-active > .vft-sub-menu__title {
  border-bottom: var(--vft-menu-item-active-border-bottom);
  color: var(--vft-menu-active-color);
}
.vft-menu--horizontal > .vft-sub-menu.is-active > .vft-sub-menu__title:hover {
  color: var(--vft-menu-hover-text-color);
}
.vft-menu--horizontal > .vft-sub-menu .vft-sub-menu__title {
  height: 100%;
  border-bottom: var(--vft-menu-item-border-bottom);
  color: var(--vft-menu-text-color);
  line-height: 100%;
}
.vft-menu--horizontal > .vft-sub-menu .vft-sub-menu__title:hover {
  color: var(--vft-menu-hover-text-color);
}
.vft-menu--horizontal .vft-menu .vft-menu-item, .vft-menu--horizontal .vft-menu .vft-sub-menu__title {
  display: flex;
  align-items: center;
  height: var(--vft-menu-horizontal-sub-item-height);
  color: var(--vft-menu-text-color);
}
.vft-menu--horizontal .vft-menu .vft-menu-item.is-active, .vft-menu--horizontal .vft-menu .vft-sub-menu.is-active > .vft-sub-menu__title {
  color: var(--vft-menu-active-color);
}
.vft-menu--horizontal .vft-menu-item:not(.is-disabled):hover {
  outline: none;
  color: var(--vft-menu-hover-text-color);
}
.vft-menu--horizontal .vft-menu-item:not(.is-disabled):focus {
  outline: none;
}
.vft-menu--horizontal > .vft-menu-item.is-active {
  border-bottom: var(--vft-menu-item-active-border-bottom);
  color: var(--vft-menu-active-color);
}

.vft-menu--collapse {
  width: calc(var(--vft-menu-icon-width) + var(--vft-menu-base-level-padding) * 2);
}
.vft-menu--collapse > .vft-menu-item [class^=vft-icon],
.vft-menu--collapse > .vft-sub-menu > .vft-sub-menu__title [class^=vft-icon],
.vft-menu--collapse > .vft-menu-item-group > ul > .vft-sub-menu > .vft-sub-menu__title [class^=vft-icon] {
  width: var(--vft-menu-icon-width);
  margin: 0;
  text-align: center;
  vertical-align: middle;
}
.vft-menu--collapse > .vft-menu-item .vft-sub-menu__icon-arrow,
.vft-menu--collapse > .vft-sub-menu > .vft-sub-menu__title .vft-sub-menu__icon-arrow,
.vft-menu--collapse > .vft-menu-item-group > ul > .vft-sub-menu > .vft-sub-menu__title .vft-sub-menu__icon-arrow {
  display: none;
}
.vft-menu--collapse > .vft-menu-item > .vft-sub-menu__text span,
.vft-menu--collapse > .vft-sub-menu > .vft-sub-menu__title > .vft-sub-menu__text span,
.vft-menu--collapse > .vft-menu-item-group > ul > .vft-sub-menu > .vft-sub-menu__title > .vft-sub-menu__text span {
  display: inline-block;
  visibility: hidden;
  width: 0;
  height: 0;
  overflow: hidden;
}
.vft-menu--collapse > .vft-menu-item.is-active i {
  color: inherit;
}
.vft-menu--collapse .vft-menu .vft-sub-menu {
  min-width: var(--vft-menu-item-min-width);
}
.vft-menu--collapse .vft-sub-menu__text {
  padding-right: 0;
}

.vft-menu--collapse-type-menu-title .vft-sub-menu__0 {
  margin: 0.625rem 0.4375rem;
  border-radius: 0.625rem;
}
.vft-menu--collapse-type-menu-title .vft-sub-menu__0.is-active, .vft-menu--collapse-type-menu-title .vft-sub-menu__0:hover {
  background: var(--vft-primary-color) !important;
}
.vft-menu--collapse-type-menu-title .vft-sub-menu__0.is-active .vft-sub-menu__title .vft-sub-menu__text, .vft-menu--collapse-type-menu-title .vft-sub-menu__0:hover .vft-sub-menu__title .vft-sub-menu__text {
  color: white;
}
.vft-menu--collapse-type-menu-title .vft-sub-menu__0.is-active .vft-sub-menu__title .vft-icon, .vft-menu--collapse-type-menu-title .vft-sub-menu__0:hover .vft-sub-menu__title .vft-icon {
  color: white !important;
}
.vft-menu--collapse-type-menu-title .vft-sub-menu__0:hover .vft-sub-menu__title .vft-icon {
  transform: scale(1.1);
}
.vft-menu--collapse-type-menu-title .vft-sub-menu__0 .vft-sub-menu__title {
  flex-direction: column;
  justify-content: center;
  height: 5rem;
  border-radius: 0.625rem;
}
.vft-menu--collapse-type-menu-title .vft-sub-menu__0 .vft-sub-menu__title:hover {
  background: var(--vft-primary-color) !important;
}
.vft-menu--collapse-type-menu-title .vft-sub-menu__0 .vft-sub-menu__title .vft-sub-menu__text {
  margin-top: 0.5rem;
  padding-right: 0;
}
.vft-menu--collapse-type-menu-title .vft-sub-menu__0 .vft-sub-menu__title .vft-icon {
  width: 100%;
  transition: transform 0.5s;
  font-size: 1.875rem;
}
.vft-menu--collapse-type-menu-title.vft-menu--collapse {
  width: auto;
}

.vft-menu--popup {
  z-index: 100;
  min-width: var(--vft-menu-item-min-width);
  padding: 0.3125rem 0;
  border: none;
  border-radius: var(--vft-popper-border-radius);
  background-color: var(--vft-menu-popup-bg-color);
  box-shadow: var(--vft-box-shadow-light);
}
.vft-menu--popup .vft-sub-menu__title {
  border-bottom: none !important;
  color: var(--vft-menu-text-color);
}
.vft-menu--popup .is-active > .vft-sub-menu__title {
  border-bottom: none !important;
  color: var(--vft-menu-active-color) !important;
}
.vft-menu--popup .vft-sub-menu__icon-arrow {
  position: absolute;
  right: var(--vft-menu-base-level-padding);
}

.vft-menu .icon-arrow-left {
  width: 1em;
  height: 1em;
  background-color: currentcolor;
  -webkit-mask: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="M609.408 149.376L277.76 489.6a32 32 0 0 0 0 44.672l331.648 340.352a29.12 29.12 0 0 0 41.728 0a30.592 30.592 0 0 0 0-42.752L339.264 511.936l311.872-319.872a30.592 30.592 0 0 0 0-42.688a29.12 29.12 0 0 0-41.728 0z"%2F%3E%3C%2Fsvg%3E') no-repeat;
          mask: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="M609.408 149.376L277.76 489.6a32 32 0 0 0 0 44.672l331.648 340.352a29.12 29.12 0 0 0 41.728 0a30.592 30.592 0 0 0 0-42.752L339.264 511.936l311.872-319.872a30.592 30.592 0 0 0 0-42.688a29.12 29.12 0 0 0-41.728 0z"%2F%3E%3C%2Fsvg%3E') no-repeat;
  -webkit-mask-size: 100% 100%;
          mask-size: 100% 100%;
}
.vft-menu .icon-arrow-right {
  width: 1em;
  height: 1em;
  background-color: currentcolor;
  -webkit-mask: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="M340.864 149.312a30.592 30.592 0 0 0 0 42.752L652.736 512L340.864 831.872a30.592 30.592 0 0 0 0 42.752a29.12 29.12 0 0 0 41.728 0L714.24 534.336a32 32 0 0 0 0-44.672L382.592 149.376a29.12 29.12 0 0 0-41.728 0z"%2F%3E%3C%2Fsvg%3E') no-repeat;
          mask: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="M340.864 149.312a30.592 30.592 0 0 0 0 42.752L652.736 512L340.864 831.872a30.592 30.592 0 0 0 0 42.752a29.12 29.12 0 0 0 41.728 0L714.24 534.336a32 32 0 0 0 0-44.672L382.592 149.376a29.12 29.12 0 0 0-41.728 0z"%2F%3E%3C%2Fsvg%3E') no-repeat;
  -webkit-mask-size: 100% 100%;
          mask-size: 100% 100%;
}
.vft-menu .icon-arrow-down {
  width: 1em;
  height: 1em;
  background-color: currentcolor;
  -webkit-mask: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="M831.872 340.864L512 652.672L192.128 340.864a30.592 30.592 0 0 0-42.752 0a29.12 29.12 0 0 0 0 41.6L489.664 714.24a32 32 0 0 0 44.672 0l340.288-331.712a29.12 29.12 0 0 0 0-41.728a30.592 30.592 0 0 0-42.752 0z"%2F%3E%3C%2Fsvg%3E') no-repeat;
          mask: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="M831.872 340.864L512 652.672L192.128 340.864a30.592 30.592 0 0 0-42.752 0a29.12 29.12 0 0 0 0 41.6L489.664 714.24a32 32 0 0 0 44.672 0l340.288-331.712a29.12 29.12 0 0 0 0-41.728a30.592 30.592 0 0 0-42.752 0z"%2F%3E%3C%2Fsvg%3E') no-repeat;
  -webkit-mask-size: 100% 100%;
          mask-size: 100% 100%;
}
.vft-menu .icon-arrow-up {
  width: 1em;
  height: 1em;
  background-color: currentcolor;
  -webkit-mask: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="m488.832 344.32l-339.84 356.672a32 32 0 0 0 0 44.16l.384.384a29.44 29.44 0 0 0 42.688 0l320-335.872l319.872 335.872a29.44 29.44 0 0 0 42.688 0l.384-.384a32 32 0 0 0 0-44.16L535.168 344.32a32 32 0 0 0-46.336 0z"%2F%3E%3C%2Fsvg%3E') no-repeat;
          mask: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="m488.832 344.32l-339.84 356.672a32 32 0 0 0 0 44.16l.384.384a29.44 29.44 0 0 0 42.688 0l320-335.872l319.872 335.872a29.44 29.44 0 0 0 42.688 0l.384-.384a32 32 0 0 0 0-44.16L535.168 344.32a32 32 0 0 0-46.336 0z"%2F%3E%3C%2Fsvg%3E') no-repeat;
  -webkit-mask-size: 100% 100%;
          mask-size: 100% 100%;
}
.vft-menu .vft-icon {
  flex-shrink: 0;
}
.vft-menu .icon-menu-line {
  width: 1em;
  height: 1em;
  background-color: currentcolor;
  -webkit-mask: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="24" height="24" viewBox="0 0 24 24"%3E%3Cg fill="none" stroke="currentColor" stroke-dasharray="24" stroke-dashoffset="24" stroke-linecap="round" stroke-width="2"%3E%3Cpath d="M5 5H19"%3E%3Canimate fill="freeze" attributeName="stroke-dashoffset" dur="0.2s" values="24%3B0"%2F%3E%3C%2Fpath%3E%3Cpath d="M5 12H19"%3E%3Canimate fill="freeze" attributeName="stroke-dashoffset" begin="0.2s" dur="0.2s" values="24%3B0"%2F%3E%3C%2Fpath%3E%3Cpath d="M5 19H19"%3E%3Canimate fill="freeze" attributeName="stroke-dashoffset" begin="0.4s" dur="0.2s" values="24%3B0"%2F%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fsvg%3E') no-repeat;
          mask: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="24" height="24" viewBox="0 0 24 24"%3E%3Cg fill="none" stroke="currentColor" stroke-dasharray="24" stroke-dashoffset="24" stroke-linecap="round" stroke-width="2"%3E%3Cpath d="M5 5H19"%3E%3Canimate fill="freeze" attributeName="stroke-dashoffset" dur="0.2s" values="24%3B0"%2F%3E%3C%2Fpath%3E%3Cpath d="M5 12H19"%3E%3Canimate fill="freeze" attributeName="stroke-dashoffset" begin="0.2s" dur="0.2s" values="24%3B0"%2F%3E%3C%2Fpath%3E%3Cpath d="M5 19H19"%3E%3Canimate fill="freeze" attributeName="stroke-dashoffset" begin="0.4s" dur="0.2s" values="24%3B0"%2F%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fsvg%3E') no-repeat;
  -webkit-mask-size: 100% 100%;
          mask-size: 100% 100%;
}

.vft-sub-menu {
  margin: 0;
  padding-left: 0;
  list-style: none;
}
.vft-sub-menu__title {
  display: flex;
  position: relative;
  align-items: center;
  height: var(--vft-menu-item-height);
  padding: 0 var(--vft-menu-base-level-padding);
  transition: border-color var(--vft-transition-duration), background-color var(--vft-transition-duration), color var(--vft-transition-duration);
  color: var(--vft-menu-text-color);
  font-size: var(--vft-menu-item-font-size);
  line-height: var(--vft-menu-item-height);
  list-style: none;
  white-space: nowrap;
  cursor: pointer;
}
.vft-sub-menu__title.is-disabled {
  opacity: 0.5;
  background: none !important;
  cursor: not-allowed;
}

.vft-sub-menu__title * {
  vertical-align: bottom;
}
.vft-sub-menu__title i {
  flex-shrink: 0;
}
.vft-sub-menu__title:hover, .vft-sub-menu__title:focus {
  outline: none;
}
.vft-sub-menu__title:hover {
  background-color: var(--vft-menu-hover-bg-color);
}
.vft-sub-menu__title .vft-sub-menu__text {
  line-height: normal;
  word-break: break-all;
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  line-clamp: 1;
  word-break: break-all;
}
.vft-sub-menu__text.is-arrow {
  padding-right: var(--vft-menu-base-level-padding);
}

.vft-sub-menu__title:hover .vft-icon {
  color: var(--vft-menu-hover-text-color) !important;
}

.vft-sub-menu__hide-arrow .vft-sub-menu__icon-arrow {
  display: none !important;
}

.vft-sub-menu.is-active .vft-sub-menu__title {
  border-bottom-color: var(--vft-menu-active-color);
}
.vft-sub-menu.is-active.is-opened > .vft-sub-menu__title {
  color: var(--vft-menu-active-color);
}

.vft-sub-menu.is-disabled .vft-sub-menu__title,
.vft-sub-menu.is-disabled .vft-menu-item {
  opacity: 0.6;
  background: none !important;
  cursor: not-allowed;
}

.vft-sub-menu .vft-menu {
  border: none;
}
.vft-sub-menu .vft-menu-item {
  min-width: var(--vft-menu-item-min-width);
  height: var(--vft-menu-sub-item-height);
  line-height: var(--vft-menu-sub-item-height);
}
.vft-sub-menu .vft-icon {
  margin-right: var(--vft-menu-icon-mr);
  text-align: center;
  vertical-align: middle;
}
.vft-sub-menu .vft-icon.vft-sub-menu__icon-more, .vft-sub-menu .vft-icon.vft-sub-menu__icon-arrow {
  margin-right: 0 !important;
}
.vft-sub-menu .vft-sub-menu__icon-arrow {
  transition: transform var(--vft-transition-duration);
  color: inherit;
}

.vft-menu-item {
  display: flex;
  position: relative;
  align-items: center;
  height: var(--vft-menu-item-height);
  padding: 0 var(--vft-menu-base-level-padding);
  transition: border-color var(--vft-transition-duration), background-color var(--vft-transition-duration), color var(--vft-transition-duration);
  color: var(--vft-menu-text-color);
  font-size: var(--vft-menu-item-font-size);
  line-height: var(--vft-menu-item-height);
  list-style: none;
  white-space: nowrap;
  cursor: pointer;
}
.vft-menu-item.is-disabled {
  opacity: 0.5;
  background: none !important;
  cursor: not-allowed;
}

.vft-menu-item * {
  vertical-align: bottom;
}
.vft-menu-item i {
  flex-shrink: 0;
}
.vft-menu-item:hover, .vft-menu-item:focus {
  outline: none;
}
.vft-menu-item:hover {
  background-color: var(--vft-menu-hover-bg-color);
}
.vft-menu-item .vft-sub-menu__text {
  line-height: normal;
  word-break: break-all;
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  line-clamp: 1;
  word-break: break-all;
}
.vft-menu-item.is-active {
  color: var(--vft-menu-active-color);
}
.vft-menu-item.is-active i {
  color: inherit;
}

.vft-menu-item [class^=vft-icon] {
  width: var(--vft-menu-icon-width);
  margin-right: var(--vft-menu-icon-mr);
  text-align: center;
  vertical-align: middle;
}
.vft-menu-item .vft-menu-tooltip__trigger {
  display: inline-flex;
  position: absolute;
  top: 0;
  left: 0;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 0 var(--vft-menu-base-level-padding);
}
.vft-menu-item .vft-menu-item__text {
  word-break: break-all;
  white-space: break-spaces;
  display: -webkit-inline-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  line-clamp: 1;
  word-break: break-all;
}

.vft-menu-item-group__title {
  height: var(--vft-menu-sub-item-height);
  padding: 0 var(--vft-menu-base-level-padding);
  color: var(--vft-text-secondary-color);
  font-size: 0.75rem;
  line-height: var(--vft-menu-sub-item-height);
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  line-clamp: 1;
  word-break: break-all;
}

.vft-menu-item-group > ul {
  padding: 0;
}

.horizontal-collapse-transition .vft-sub-menu__title .vft-sub-menu__icon-arrow {
  transition: var(--vft-transition-duration-fast);
  opacity: 0;
}.vft-fade-in-linear-enter-active,
.vft-fade-in-linear-leave-active {
  transition: var(--vft-transition-fade-linear);
}

.vft-fade-in-linear-enter-from,
.vft-fade-in-linear-leave-to {
  opacity: 0;
}

.vft-fade-in-enter-active,
.vft-fade-in-leave-active {
  transition: all var(--vft-transition-duration) cubic-bezier(0.55, 0, 0.1, 1);
}

.vft-fade-in-enter-from,
.vft-fade-in-leave-active {
  opacity: 0;
}

.vft-zoom-in-center-enter-active,
.vft-zoom-in-center-leave-active {
  transition: all var(--vft-transition-duration) cubic-bezier(0.55, 0, 0.1, 1);
}

.vft-zoom-in-center-enter-from,
.vft-zoom-in-center-leave-active {
  transform: scaleX(0);
  opacity: 0;
}

.vft-zoom-in-top-enter-active,
.vft-zoom-in-top-leave-active {
  transition: var(--vft-transition-md-fade);
  transform: scaleY(1);
  transform-origin: center top;
  opacity: 1;
}
.vft-zoom-in-top-enter-active[data-popper-placement^=top],
.vft-zoom-in-top-leave-active[data-popper-placement^=top] {
  transform-origin: center bottom;
}

.vft-zoom-in-top-enter-from,
.vft-zoom-in-top-leave-active {
  transform: scaleY(0);
  opacity: 0;
}

.vft-zoom-in-top-fast-enter-active {
  transition: var(--vft-transition-md-fade);
  transform: scaleY(1);
  transform-origin: center top;
  opacity: 1;
}
.vft-zoom-in-top-fast-enter-active[data-popper-placement^=top] {
  transform-origin: center bottom;
}

.vft-zoom-in-top-fast-leave-active {
  transform: scaleY(1);
  transform-origin: center top;
  opacity: 1;
}
.vft-zoom-in-top-fast-leave-active[data-popper-placement^=top] {
  transform-origin: center bottom;
}

.vft-zoom-in-top-fast-enter-from,
.vft-zoom-in-top-fast-leave-active {
  transform: scaleY(0);
  opacity: 0;
}

.vft-zoom-in-bottom-enter-active,
.vft-zoom-in-bottom-leave-active {
  transform: scaleY(1);
  transform-origin: center bottom;
  transition: var(--vft-transition-md-fade);
  opacity: 1;
}

.vft-zoom-in-bottom-enter-from,
.vft-zoom-in-bottom-leave-active {
  transform: scaleY(0);
  opacity: 0;
}

.vft-zoom-in-left-enter-active,
.vft-zoom-in-left-leave-active {
  transform: scale(1, 1);
  transform-origin: top left;
  transition: var(--vft-transition-md-fade);
  opacity: 1;
}

.vft-zoom-in-left-enter-from,
.vft-zoom-in-left-leave-active {
  transform: scale(0.45, 0.45);
  opacity: 0;
}

.collapse-transition {
  transition: var(--vft-transition-duration) height ease-in-out, var(--vft-transition-duration) padding-top ease-in-out, var(--vft-transition-duration) padding-bottom ease-in-out;
}

.vft-collapse-transition-leave-active,
.vft-collapse-transition-enter-active {
  transition: var(--vft-transition-duration) max-height ease-in-out, var(--vft-transition-duration) padding-top ease-in-out, var(--vft-transition-duration) padding-bottom ease-in-out;
}

.horizontal-collapse-transition {
  transition: var(--vft-transition-duration) width ease-in-out, var(--vft-transition-duration) padding-left ease-in-out, var(--vft-transition-duration) padding-right ease-in-out;
}

.vft-list-enter-active,
.vft-list-leave-active {
  transition: all 1s;
}

.vft-list-enter-from,
.vft-list-leave-to {
  transform: translateY(-1.875rem);
  opacity: 0;
}

.vft-list-leave-active {
  position: absolute !important;
}

.vft-opacity-transition {
  transition: opacity var(--vft-transition-duration) cubic-bezier(0.55, 0, 0.1, 1);
}

@keyframes vft-rotate {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes vft-loading-dot {
  33% {
    transform: translateY(-2em);
  }
  66% {
    transform: translateY(-1em);
  }
}.vft-fade-in-linear-enter-active,
.vft-fade-in-linear-leave-active {
  transition: var(--vft-transition-fade-linear);
}

.vft-fade-in-linear-enter-from,
.vft-fade-in-linear-leave-to {
  opacity: 0;
}

.vft-fade-in-enter-active,
.vft-fade-in-leave-active {
  transition: all var(--vft-transition-duration) cubic-bezier(0.55, 0, 0.1, 1);
}

.vft-fade-in-enter-from,
.vft-fade-in-leave-active {
  opacity: 0;
}

.vft-zoom-in-center-enter-active,
.vft-zoom-in-center-leave-active {
  transition: all var(--vft-transition-duration) cubic-bezier(0.55, 0, 0.1, 1);
}

.vft-zoom-in-center-enter-from,
.vft-zoom-in-center-leave-active {
  transform: scaleX(0);
  opacity: 0;
}

.vft-zoom-in-top-enter-active,
.vft-zoom-in-top-leave-active {
  transition: var(--vft-transition-md-fade);
  transform: scaleY(1);
  transform-origin: center top;
  opacity: 1;
}
.vft-zoom-in-top-enter-active[data-popper-placement^=top],
.vft-zoom-in-top-leave-active[data-popper-placement^=top] {
  transform-origin: center bottom;
}

.vft-zoom-in-top-enter-from,
.vft-zoom-in-top-leave-active {
  transform: scaleY(0);
  opacity: 0;
}

.vft-zoom-in-top-fast-enter-active {
  transition: var(--vft-transition-md-fade);
  transform: scaleY(1);
  transform-origin: center top;
  opacity: 1;
}
.vft-zoom-in-top-fast-enter-active[data-popper-placement^=top] {
  transform-origin: center bottom;
}

.vft-zoom-in-top-fast-leave-active {
  transform: scaleY(1);
  transform-origin: center top;
  opacity: 1;
}
.vft-zoom-in-top-fast-leave-active[data-popper-placement^=top] {
  transform-origin: center bottom;
}

.vft-zoom-in-top-fast-enter-from,
.vft-zoom-in-top-fast-leave-active {
  transform: scaleY(0);
  opacity: 0;
}

.vft-zoom-in-bottom-enter-active,
.vft-zoom-in-bottom-leave-active {
  transform: scaleY(1);
  transform-origin: center bottom;
  transition: var(--vft-transition-md-fade);
  opacity: 1;
}

.vft-zoom-in-bottom-enter-from,
.vft-zoom-in-bottom-leave-active {
  transform: scaleY(0);
  opacity: 0;
}

.vft-zoom-in-left-enter-active,
.vft-zoom-in-left-leave-active {
  transform: scale(1, 1);
  transform-origin: top left;
  transition: var(--vft-transition-md-fade);
  opacity: 1;
}

.vft-zoom-in-left-enter-from,
.vft-zoom-in-left-leave-active {
  transform: scale(0.45, 0.45);
  opacity: 0;
}

.collapse-transition {
  transition: var(--vft-transition-duration) height ease-in-out, var(--vft-transition-duration) padding-top ease-in-out, var(--vft-transition-duration) padding-bottom ease-in-out;
}

.vft-collapse-transition-leave-active,
.vft-collapse-transition-enter-active {
  transition: var(--vft-transition-duration) max-height ease-in-out, var(--vft-transition-duration) padding-top ease-in-out, var(--vft-transition-duration) padding-bottom ease-in-out;
}

.horizontal-collapse-transition {
  transition: var(--vft-transition-duration) width ease-in-out, var(--vft-transition-duration) padding-left ease-in-out, var(--vft-transition-duration) padding-right ease-in-out;
}

.vft-list-enter-active,
.vft-list-leave-active {
  transition: all 1s;
}

.vft-list-enter-from,
.vft-list-leave-to {
  transform: translateY(-1.875rem);
  opacity: 0;
}

.vft-list-leave-active {
  position: absolute !important;
}

.vft-opacity-transition {
  transition: opacity var(--vft-transition-duration) cubic-bezier(0.55, 0, 0.1, 1);
}

@keyframes vft-rotate {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes vft-loading-dot {
  33% {
    transform: translateY(-2em);
  }
  66% {
    transform: translateY(-1em);
  }
}.vft-fade-in-linear-enter-active,
.vft-fade-in-linear-leave-active {
  transition: var(--vft-transition-fade-linear);
}

.vft-fade-in-linear-enter-from,
.vft-fade-in-linear-leave-to {
  opacity: 0;
}

.vft-fade-in-enter-active,
.vft-fade-in-leave-active {
  transition: all var(--vft-transition-duration) cubic-bezier(0.55, 0, 0.1, 1);
}

.vft-fade-in-enter-from,
.vft-fade-in-leave-active {
  opacity: 0;
}

.vft-zoom-in-center-enter-active,
.vft-zoom-in-center-leave-active {
  transition: all var(--vft-transition-duration) cubic-bezier(0.55, 0, 0.1, 1);
}

.vft-zoom-in-center-enter-from,
.vft-zoom-in-center-leave-active {
  transform: scaleX(0);
  opacity: 0;
}

.vft-zoom-in-top-enter-active,
.vft-zoom-in-top-leave-active {
  transition: var(--vft-transition-md-fade);
  transform: scaleY(1);
  transform-origin: center top;
  opacity: 1;
}
.vft-zoom-in-top-enter-active[data-popper-placement^=top],
.vft-zoom-in-top-leave-active[data-popper-placement^=top] {
  transform-origin: center bottom;
}

.vft-zoom-in-top-enter-from,
.vft-zoom-in-top-leave-active {
  transform: scaleY(0);
  opacity: 0;
}

.vft-zoom-in-top-fast-enter-active {
  transition: var(--vft-transition-md-fade);
  transform: scaleY(1);
  transform-origin: center top;
  opacity: 1;
}
.vft-zoom-in-top-fast-enter-active[data-popper-placement^=top] {
  transform-origin: center bottom;
}

.vft-zoom-in-top-fast-leave-active {
  transform: scaleY(1);
  transform-origin: center top;
  opacity: 1;
}
.vft-zoom-in-top-fast-leave-active[data-popper-placement^=top] {
  transform-origin: center bottom;
}

.vft-zoom-in-top-fast-enter-from,
.vft-zoom-in-top-fast-leave-active {
  transform: scaleY(0);
  opacity: 0;
}

.vft-zoom-in-bottom-enter-active,
.vft-zoom-in-bottom-leave-active {
  transform: scaleY(1);
  transform-origin: center bottom;
  transition: var(--vft-transition-md-fade);
  opacity: 1;
}

.vft-zoom-in-bottom-enter-from,
.vft-zoom-in-bottom-leave-active {
  transform: scaleY(0);
  opacity: 0;
}

.vft-zoom-in-left-enter-active,
.vft-zoom-in-left-leave-active {
  transform: scale(1, 1);
  transform-origin: top left;
  transition: var(--vft-transition-md-fade);
  opacity: 1;
}

.vft-zoom-in-left-enter-from,
.vft-zoom-in-left-leave-active {
  transform: scale(0.45, 0.45);
  opacity: 0;
}

.collapse-transition {
  transition: var(--vft-transition-duration) height ease-in-out, var(--vft-transition-duration) padding-top ease-in-out, var(--vft-transition-duration) padding-bottom ease-in-out;
}

.vft-collapse-transition-leave-active,
.vft-collapse-transition-enter-active {
  transition: var(--vft-transition-duration) max-height ease-in-out, var(--vft-transition-duration) padding-top ease-in-out, var(--vft-transition-duration) padding-bottom ease-in-out;
}

.horizontal-collapse-transition {
  transition: var(--vft-transition-duration) width ease-in-out, var(--vft-transition-duration) padding-left ease-in-out, var(--vft-transition-duration) padding-right ease-in-out;
}

.vft-list-enter-active,
.vft-list-leave-active {
  transition: all 1s;
}

.vft-list-enter-from,
.vft-list-leave-to {
  transform: translateY(-1.875rem);
  opacity: 0;
}

.vft-list-leave-active {
  position: absolute !important;
}

.vft-opacity-transition {
  transition: opacity var(--vft-transition-duration) cubic-bezier(0.55, 0, 0.1, 1);
}

@keyframes vft-rotate {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes vft-loading-dot {
  33% {
    transform: translateY(-2em);
  }
  66% {
    transform: translateY(-1em);
  }
}.vft-fade-in-linear-enter-active,
.vft-fade-in-linear-leave-active {
  transition: var(--vft-transition-fade-linear);
}

.vft-fade-in-linear-enter-from,
.vft-fade-in-linear-leave-to {
  opacity: 0;
}

.vft-fade-in-enter-active,
.vft-fade-in-leave-active {
  transition: all var(--vft-transition-duration) cubic-bezier(0.55, 0, 0.1, 1);
}

.vft-fade-in-enter-from,
.vft-fade-in-leave-active {
  opacity: 0;
}

.vft-zoom-in-center-enter-active,
.vft-zoom-in-center-leave-active {
  transition: all var(--vft-transition-duration) cubic-bezier(0.55, 0, 0.1, 1);
}

.vft-zoom-in-center-enter-from,
.vft-zoom-in-center-leave-active {
  transform: scaleX(0);
  opacity: 0;
}

.vft-zoom-in-top-enter-active,
.vft-zoom-in-top-leave-active {
  transition: var(--vft-transition-md-fade);
  transform: scaleY(1);
  transform-origin: center top;
  opacity: 1;
}
.vft-zoom-in-top-enter-active[data-popper-placement^=top],
.vft-zoom-in-top-leave-active[data-popper-placement^=top] {
  transform-origin: center bottom;
}

.vft-zoom-in-top-enter-from,
.vft-zoom-in-top-leave-active {
  transform: scaleY(0);
  opacity: 0;
}

.vft-zoom-in-top-fast-enter-active {
  transition: var(--vft-transition-md-fade);
  transform: scaleY(1);
  transform-origin: center top;
  opacity: 1;
}
.vft-zoom-in-top-fast-enter-active[data-popper-placement^=top] {
  transform-origin: center bottom;
}

.vft-zoom-in-top-fast-leave-active {
  transform: scaleY(1);
  transform-origin: center top;
  opacity: 1;
}
.vft-zoom-in-top-fast-leave-active[data-popper-placement^=top] {
  transform-origin: center bottom;
}

.vft-zoom-in-top-fast-enter-from,
.vft-zoom-in-top-fast-leave-active {
  transform: scaleY(0);
  opacity: 0;
}

.vft-zoom-in-bottom-enter-active,
.vft-zoom-in-bottom-leave-active {
  transform: scaleY(1);
  transform-origin: center bottom;
  transition: var(--vft-transition-md-fade);
  opacity: 1;
}

.vft-zoom-in-bottom-enter-from,
.vft-zoom-in-bottom-leave-active {
  transform: scaleY(0);
  opacity: 0;
}

.vft-zoom-in-left-enter-active,
.vft-zoom-in-left-leave-active {
  transform: scale(1, 1);
  transform-origin: top left;
  transition: var(--vft-transition-md-fade);
  opacity: 1;
}

.vft-zoom-in-left-enter-from,
.vft-zoom-in-left-leave-active {
  transform: scale(0.45, 0.45);
  opacity: 0;
}

.collapse-transition {
  transition: var(--vft-transition-duration) height ease-in-out, var(--vft-transition-duration) padding-top ease-in-out, var(--vft-transition-duration) padding-bottom ease-in-out;
}

.vft-collapse-transition-leave-active,
.vft-collapse-transition-enter-active {
  transition: var(--vft-transition-duration) max-height ease-in-out, var(--vft-transition-duration) padding-top ease-in-out, var(--vft-transition-duration) padding-bottom ease-in-out;
}

.horizontal-collapse-transition {
  transition: var(--vft-transition-duration) width ease-in-out, var(--vft-transition-duration) padding-left ease-in-out, var(--vft-transition-duration) padding-right ease-in-out;
}

.vft-list-enter-active,
.vft-list-leave-active {
  transition: all 1s;
}

.vft-list-enter-from,
.vft-list-leave-to {
  transform: translateY(-1.875rem);
  opacity: 0;
}

.vft-list-leave-active {
  position: absolute !important;
}

.vft-opacity-transition {
  transition: opacity var(--vft-transition-duration) cubic-bezier(0.55, 0, 0.1, 1);
}

@keyframes vft-rotate {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes vft-loading-dot {
  33% {
    transform: translateY(-2em);
  }
  66% {
    transform: translateY(-1em);
  }
}
.vft-descriptions {
  --vft-descriptions-table-border: 0.0625rem solid var(--vft-border-color-lighter);
  --vft-descriptions-item-bordered-label-background: var(--vft-fill-color-light);
  box-sizing: border-box;
  color: var(--vft-text-primary-color);
  font-size: var(--vft-font-size-base);
}
.vft-descriptions--large {
  font-size: 0.875rem;
}
.vft-descriptions--large .vft-descriptions__header {
  margin-bottom: 1.25rem;
}
.vft-descriptions--large .vft-descriptions__header .vft-descriptions__title {
  font-size: 1rem;
}

.vft-descriptions--large .vft-descriptions__body .vft-descriptions__table .vft-descriptions__cell {
  font-size: 0.875rem;
}
.vft-descriptions--large .vft-descriptions__body .vft-descriptions__table.is-bordered .vft-descriptions__cell {
  padding: 0.75rem 0.9375rem;
}
.vft-descriptions--large .vft-descriptions__body .vft-descriptions__table:not(.is-bordered) .vft-descriptions__cell {
  padding-bottom: 1rem;
}

.vft-descriptions--small {
  font-size: 0.75rem;
}
.vft-descriptions--small .vft-descriptions__header {
  margin-bottom: 0.75rem;
}
.vft-descriptions--small .vft-descriptions__header .vft-descriptions__title {
  font-size: 0.875rem;
}

.vft-descriptions--small .vft-descriptions__body .vft-descriptions__table .vft-descriptions__cell {
  font-size: 0.75rem;
}
.vft-descriptions--small .vft-descriptions__body .vft-descriptions__table.is-bordered .vft-descriptions__cell {
  padding: 0.25rem 0.4375rem;
}
.vft-descriptions--small .vft-descriptions__body .vft-descriptions__table:not(.is-bordered) .vft-descriptions__cell {
  padding-bottom: 0.5rem;
}

.vft-descriptions__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 1rem;
}
.vft-descriptions__title {
  color: var(--vft-text-primary-color);
  font-size: 1rem;
  font-weight: bold;
}

.vft-descriptions__body {
  background-color: var(--vft-fill-color-blank);
}
.vft-descriptions__body .vft-descriptions__table {
  width: 100%;
  table-layout: fixed;
  border-collapse: collapse;
  border: 0.0625rem solid rgb(241, 246, 254);
  border-radius: 0.25rem;
  word-break: break-all;
  overflow-wrap: break-word;
}
.vft-descriptions__body .vft-descriptions__table .vft-descriptions__cell {
  box-sizing: border-box;
  font-size: 0.875rem;
  font-weight: normal;
  line-height: 1.4375rem;
  text-align: left;
}
.vft-descriptions__body .vft-descriptions__table .vft-descriptions__cell.is-left {
  text-align: left;
}

.vft-descriptions__body .vft-descriptions__table .vft-descriptions__cell.is-center {
  text-align: center;
}

.vft-descriptions__body .vft-descriptions__table .vft-descriptions__cell.is-right {
  text-align: right;
}

.vft-descriptions__body .vft-descriptions__table.is-bordered .vft-descriptions__cell {
  padding: 0.5rem 0.6875rem;
  border: var(--vft-descriptions-table-border);
}
.vft-descriptions__body .vft-descriptions__table:not(.is-bordered) .vft-descriptions__cell {
  padding-bottom: 0.75rem;
}.vft-fade-in-linear-enter-active,
.vft-fade-in-linear-leave-active {
  transition: var(--vft-transition-fade-linear);
}

.vft-fade-in-linear-enter-from,
.vft-fade-in-linear-leave-to {
  opacity: 0;
}

.vft-fade-in-enter-active,
.vft-fade-in-leave-active {
  transition: all var(--vft-transition-duration) cubic-bezier(0.55, 0, 0.1, 1);
}

.vft-fade-in-enter-from,
.vft-fade-in-leave-active {
  opacity: 0;
}

.vft-zoom-in-center-enter-active,
.vft-zoom-in-center-leave-active {
  transition: all var(--vft-transition-duration) cubic-bezier(0.55, 0, 0.1, 1);
}

.vft-zoom-in-center-enter-from,
.vft-zoom-in-center-leave-active {
  transform: scaleX(0);
  opacity: 0;
}

.vft-zoom-in-top-enter-active,
.vft-zoom-in-top-leave-active {
  transition: var(--vft-transition-md-fade);
  transform: scaleY(1);
  transform-origin: center top;
  opacity: 1;
}
.vft-zoom-in-top-enter-active[data-popper-placement^=top],
.vft-zoom-in-top-leave-active[data-popper-placement^=top] {
  transform-origin: center bottom;
}

.vft-zoom-in-top-enter-from,
.vft-zoom-in-top-leave-active {
  transform: scaleY(0);
  opacity: 0;
}

.vft-zoom-in-top-fast-enter-active {
  transition: var(--vft-transition-md-fade);
  transform: scaleY(1);
  transform-origin: center top;
  opacity: 1;
}
.vft-zoom-in-top-fast-enter-active[data-popper-placement^=top] {
  transform-origin: center bottom;
}

.vft-zoom-in-top-fast-leave-active {
  transform: scaleY(1);
  transform-origin: center top;
  opacity: 1;
}
.vft-zoom-in-top-fast-leave-active[data-popper-placement^=top] {
  transform-origin: center bottom;
}

.vft-zoom-in-top-fast-enter-from,
.vft-zoom-in-top-fast-leave-active {
  transform: scaleY(0);
  opacity: 0;
}

.vft-zoom-in-bottom-enter-active,
.vft-zoom-in-bottom-leave-active {
  transform: scaleY(1);
  transform-origin: center bottom;
  transition: var(--vft-transition-md-fade);
  opacity: 1;
}

.vft-zoom-in-bottom-enter-from,
.vft-zoom-in-bottom-leave-active {
  transform: scaleY(0);
  opacity: 0;
}

.vft-zoom-in-left-enter-active,
.vft-zoom-in-left-leave-active {
  transform: scale(1, 1);
  transform-origin: top left;
  transition: var(--vft-transition-md-fade);
  opacity: 1;
}

.vft-zoom-in-left-enter-from,
.vft-zoom-in-left-leave-active {
  transform: scale(0.45, 0.45);
  opacity: 0;
}

.collapse-transition {
  transition: var(--vft-transition-duration) height ease-in-out, var(--vft-transition-duration) padding-top ease-in-out, var(--vft-transition-duration) padding-bottom ease-in-out;
}

.vft-collapse-transition-leave-active,
.vft-collapse-transition-enter-active {
  transition: var(--vft-transition-duration) max-height ease-in-out, var(--vft-transition-duration) padding-top ease-in-out, var(--vft-transition-duration) padding-bottom ease-in-out;
}

.horizontal-collapse-transition {
  transition: var(--vft-transition-duration) width ease-in-out, var(--vft-transition-duration) padding-left ease-in-out, var(--vft-transition-duration) padding-right ease-in-out;
}

.vft-list-enter-active,
.vft-list-leave-active {
  transition: all 1s;
}

.vft-list-enter-from,
.vft-list-leave-to {
  transform: translateY(-1.875rem);
  opacity: 0;
}

.vft-list-leave-active {
  position: absolute !important;
}

.vft-opacity-transition {
  transition: opacity var(--vft-transition-duration) cubic-bezier(0.55, 0, 0.1, 1);
}

@keyframes vft-rotate {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes vft-loading-dot {
  33% {
    transform: translateY(-2em);
  }
  66% {
    transform: translateY(-1em);
  }
}
.vft-descriptions--large .vft-descriptions__label:not(.is-bordered-label) {
  margin-right: 1rem;
}
.vft-descriptions--large .vft-descriptions__label.vft-descriptions__cell:not(.is-bordered-label).is-vertical-label {
  padding-bottom: 0.5rem;
}

.vft-descriptions--small .vft-descriptions__label:not(.is-bordered-label) {
  margin-right: 0.75rem;
}
.vft-descriptions--small .vft-descriptions__label.vft-descriptions__cell:not(.is-bordered-label).is-vertical-label {
  padding-bottom: 0.25rem;
}

.vft-descriptions__label.vft-descriptions__cell.is-bordered-label {
  background: var(--vft-descriptions-item-bordered-label-background);
  color: var(--vft-text-regular-color);
  font-weight: bold;
}
.vft-descriptions__label:not(.is-bordered-label) {
  margin-right: 1rem;
  color: var(--vft-text-primary-color);
}
.vft-descriptions__label.vft-descriptions__cell:not(.is-bordered-label).is-vertical-label {
  padding-bottom: 0.375rem;
}

.vft-descriptions__content.vft-descriptions__cell.is-bordered-content {
  color: var(--vft-text-primary-color);
}
.vft-descriptions__content:not(.is-bordered-label) {
  color: var(--vft-text-regular-color);
}.vft-fade-in-linear-enter-active,
.vft-fade-in-linear-leave-active {
  transition: var(--vft-transition-fade-linear);
}

.vft-fade-in-linear-enter-from,
.vft-fade-in-linear-leave-to {
  opacity: 0;
}

.vft-fade-in-enter-active,
.vft-fade-in-leave-active {
  transition: all var(--vft-transition-duration) cubic-bezier(0.55, 0, 0.1, 1);
}

.vft-fade-in-enter-from,
.vft-fade-in-leave-active {
  opacity: 0;
}

.vft-zoom-in-center-enter-active,
.vft-zoom-in-center-leave-active {
  transition: all var(--vft-transition-duration) cubic-bezier(0.55, 0, 0.1, 1);
}

.vft-zoom-in-center-enter-from,
.vft-zoom-in-center-leave-active {
  transform: scaleX(0);
  opacity: 0;
}

.vft-zoom-in-top-enter-active,
.vft-zoom-in-top-leave-active {
  transition: var(--vft-transition-md-fade);
  transform: scaleY(1);
  transform-origin: center top;
  opacity: 1;
}
.vft-zoom-in-top-enter-active[data-popper-placement^=top],
.vft-zoom-in-top-leave-active[data-popper-placement^=top] {
  transform-origin: center bottom;
}

.vft-zoom-in-top-enter-from,
.vft-zoom-in-top-leave-active {
  transform: scaleY(0);
  opacity: 0;
}

.vft-zoom-in-top-fast-enter-active {
  transition: var(--vft-transition-md-fade);
  transform: scaleY(1);
  transform-origin: center top;
  opacity: 1;
}
.vft-zoom-in-top-fast-enter-active[data-popper-placement^=top] {
  transform-origin: center bottom;
}

.vft-zoom-in-top-fast-leave-active {
  transform: scaleY(1);
  transform-origin: center top;
  opacity: 1;
}
.vft-zoom-in-top-fast-leave-active[data-popper-placement^=top] {
  transform-origin: center bottom;
}

.vft-zoom-in-top-fast-enter-from,
.vft-zoom-in-top-fast-leave-active {
  transform: scaleY(0);
  opacity: 0;
}

.vft-zoom-in-bottom-enter-active,
.vft-zoom-in-bottom-leave-active {
  transform: scaleY(1);
  transform-origin: center bottom;
  transition: var(--vft-transition-md-fade);
  opacity: 1;
}

.vft-zoom-in-bottom-enter-from,
.vft-zoom-in-bottom-leave-active {
  transform: scaleY(0);
  opacity: 0;
}

.vft-zoom-in-left-enter-active,
.vft-zoom-in-left-leave-active {
  transform: scale(1, 1);
  transform-origin: top left;
  transition: var(--vft-transition-md-fade);
  opacity: 1;
}

.vft-zoom-in-left-enter-from,
.vft-zoom-in-left-leave-active {
  transform: scale(0.45, 0.45);
  opacity: 0;
}

.collapse-transition {
  transition: var(--vft-transition-duration) height ease-in-out, var(--vft-transition-duration) padding-top ease-in-out, var(--vft-transition-duration) padding-bottom ease-in-out;
}

.vft-collapse-transition-leave-active,
.vft-collapse-transition-enter-active {
  transition: var(--vft-transition-duration) max-height ease-in-out, var(--vft-transition-duration) padding-top ease-in-out, var(--vft-transition-duration) padding-bottom ease-in-out;
}

.horizontal-collapse-transition {
  transition: var(--vft-transition-duration) width ease-in-out, var(--vft-transition-duration) padding-left ease-in-out, var(--vft-transition-duration) padding-right ease-in-out;
}

.vft-list-enter-active,
.vft-list-leave-active {
  transition: all 1s;
}

.vft-list-enter-from,
.vft-list-leave-to {
  transform: translateY(-1.875rem);
  opacity: 0;
}

.vft-list-leave-active {
  position: absolute !important;
}

.vft-opacity-transition {
  transition: opacity var(--vft-transition-duration) cubic-bezier(0.55, 0, 0.1, 1);
}

@keyframes vft-rotate {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes vft-loading-dot {
  33% {
    transform: translateY(-2em);
  }
  66% {
    transform: translateY(-1em);
  }
}
.vft-space {
  display: inline-flex;
  vertical-align: top;
}
.vft-space__item {
  display: flex;
  flex-wrap: wrap;
}
.vft-space__item > * {
  flex: 1;
}

.vft-space--vertical {
  flex-direction: column;
}.vft-fade-in-linear-enter-active,
.vft-fade-in-linear-leave-active {
  transition: var(--vft-transition-fade-linear);
}

.vft-fade-in-linear-enter-from,
.vft-fade-in-linear-leave-to {
  opacity: 0;
}

.vft-fade-in-enter-active,
.vft-fade-in-leave-active {
  transition: all var(--vft-transition-duration) cubic-bezier(0.55, 0, 0.1, 1);
}

.vft-fade-in-enter-from,
.vft-fade-in-leave-active {
  opacity: 0;
}

.vft-zoom-in-center-enter-active,
.vft-zoom-in-center-leave-active {
  transition: all var(--vft-transition-duration) cubic-bezier(0.55, 0, 0.1, 1);
}

.vft-zoom-in-center-enter-from,
.vft-zoom-in-center-leave-active {
  transform: scaleX(0);
  opacity: 0;
}

.vft-zoom-in-top-enter-active,
.vft-zoom-in-top-leave-active {
  transition: var(--vft-transition-md-fade);
  transform: scaleY(1);
  transform-origin: center top;
  opacity: 1;
}
.vft-zoom-in-top-enter-active[data-popper-placement^=top],
.vft-zoom-in-top-leave-active[data-popper-placement^=top] {
  transform-origin: center bottom;
}

.vft-zoom-in-top-enter-from,
.vft-zoom-in-top-leave-active {
  transform: scaleY(0);
  opacity: 0;
}

.vft-zoom-in-top-fast-enter-active {
  transition: var(--vft-transition-md-fade);
  transform: scaleY(1);
  transform-origin: center top;
  opacity: 1;
}
.vft-zoom-in-top-fast-enter-active[data-popper-placement^=top] {
  transform-origin: center bottom;
}

.vft-zoom-in-top-fast-leave-active {
  transform: scaleY(1);
  transform-origin: center top;
  opacity: 1;
}
.vft-zoom-in-top-fast-leave-active[data-popper-placement^=top] {
  transform-origin: center bottom;
}

.vft-zoom-in-top-fast-enter-from,
.vft-zoom-in-top-fast-leave-active {
  transform: scaleY(0);
  opacity: 0;
}

.vft-zoom-in-bottom-enter-active,
.vft-zoom-in-bottom-leave-active {
  transform: scaleY(1);
  transform-origin: center bottom;
  transition: var(--vft-transition-md-fade);
  opacity: 1;
}

.vft-zoom-in-bottom-enter-from,
.vft-zoom-in-bottom-leave-active {
  transform: scaleY(0);
  opacity: 0;
}

.vft-zoom-in-left-enter-active,
.vft-zoom-in-left-leave-active {
  transform: scale(1, 1);
  transform-origin: top left;
  transition: var(--vft-transition-md-fade);
  opacity: 1;
}

.vft-zoom-in-left-enter-from,
.vft-zoom-in-left-leave-active {
  transform: scale(0.45, 0.45);
  opacity: 0;
}

.collapse-transition {
  transition: var(--vft-transition-duration) height ease-in-out, var(--vft-transition-duration) padding-top ease-in-out, var(--vft-transition-duration) padding-bottom ease-in-out;
}

.vft-collapse-transition-leave-active,
.vft-collapse-transition-enter-active {
  transition: var(--vft-transition-duration) max-height ease-in-out, var(--vft-transition-duration) padding-top ease-in-out, var(--vft-transition-duration) padding-bottom ease-in-out;
}

.horizontal-collapse-transition {
  transition: var(--vft-transition-duration) width ease-in-out, var(--vft-transition-duration) padding-left ease-in-out, var(--vft-transition-duration) padding-right ease-in-out;
}

.vft-list-enter-active,
.vft-list-leave-active {
  transition: all 1s;
}

.vft-list-enter-from,
.vft-list-leave-to {
  transform: translateY(-1.875rem);
  opacity: 0;
}

.vft-list-leave-active {
  position: absolute !important;
}

.vft-opacity-transition {
  transition: opacity var(--vft-transition-duration) cubic-bezier(0.55, 0, 0.1, 1);
}

@keyframes vft-rotate {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes vft-loading-dot {
  33% {
    transform: translateY(-2em);
  }
  66% {
    transform: translateY(-1em);
  }
}
:root {
  --vft-list-cell-height: 2.5rem;
  --vft-list-cell-hover-bg-color: transparent;
  --vft-list-cell-active-color: var(--vft-primary-color);
  --vft-list-cell-text-size: 0.8125rem;
  --vft-list-cell-left-text-distance: 0.375rem;
  --vft-list-cell-padding: 0;
}

.vft-list-cell__item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: none;
  height: var(--vft-list-cell-height);
  cursor: pointer;
  transition: var(--vft-transition-all);
  padding: var(--vft-list-cell-padding);
}
.vft-list-cell__item.is-active .vft-list-cell__text {
  color: var(--vft-list-cell-active-color);
}

.vft-list-cell__item.is-active .vft-list-cell--right i {
  color: var(--vft-list-cell-active-color);
}

.vft-list-cell__item:hover {
  background-color: var(--vft-list-cell-hover-bg-color);
}

.vft-list-cell--left {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.vft-list-cell--left .vft-list-cell__text {
  font-size: var(--vft-list-cell-text-size);
  margin-left: var(--vft-list-cell-left-text-distance);
}

.vft-list-cell--left i {
  color: var(--vft-list-cell-active-color);
}

.vft-list-cell .icon-arrow-right {
  width: 1em;
  height: 1em;
  background-color: currentcolor;
  -webkit-mask: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="M340.864 149.312a30.592 30.592 0 0 0 0 42.752L652.736 512L340.864 831.872a30.592 30.592 0 0 0 0 42.752a29.12 29.12 0 0 0 41.728 0L714.24 534.336a32 32 0 0 0 0-44.672L382.592 149.376a29.12 29.12 0 0 0-41.728 0z"%2F%3E%3C%2Fsvg%3E') no-repeat;
          mask: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="M340.864 149.312a30.592 30.592 0 0 0 0 42.752L652.736 512L340.864 831.872a30.592 30.592 0 0 0 0 42.752a29.12 29.12 0 0 0 41.728 0L714.24 534.336a32 32 0 0 0 0-44.672L382.592 149.376a29.12 29.12 0 0 0-41.728 0z"%2F%3E%3C%2Fsvg%3E') no-repeat;
  -webkit-mask-size: 100% 100%;
          mask-size: 100% 100%;
}.vft-fade-in-linear-enter-active,
.vft-fade-in-linear-leave-active {
  transition: var(--vft-transition-fade-linear);
}

.vft-fade-in-linear-enter-from,
.vft-fade-in-linear-leave-to {
  opacity: 0;
}

.vft-fade-in-enter-active,
.vft-fade-in-leave-active {
  transition: all var(--vft-transition-duration) cubic-bezier(0.55, 0, 0.1, 1);
}

.vft-fade-in-enter-from,
.vft-fade-in-leave-active {
  opacity: 0;
}

.vft-zoom-in-center-enter-active,
.vft-zoom-in-center-leave-active {
  transition: all var(--vft-transition-duration) cubic-bezier(0.55, 0, 0.1, 1);
}

.vft-zoom-in-center-enter-from,
.vft-zoom-in-center-leave-active {
  transform: scaleX(0);
  opacity: 0;
}

.vft-zoom-in-top-enter-active,
.vft-zoom-in-top-leave-active {
  transition: var(--vft-transition-md-fade);
  transform: scaleY(1);
  transform-origin: center top;
  opacity: 1;
}
.vft-zoom-in-top-enter-active[data-popper-placement^=top],
.vft-zoom-in-top-leave-active[data-popper-placement^=top] {
  transform-origin: center bottom;
}

.vft-zoom-in-top-enter-from,
.vft-zoom-in-top-leave-active {
  transform: scaleY(0);
  opacity: 0;
}

.vft-zoom-in-top-fast-enter-active {
  transition: var(--vft-transition-md-fade);
  transform: scaleY(1);
  transform-origin: center top;
  opacity: 1;
}
.vft-zoom-in-top-fast-enter-active[data-popper-placement^=top] {
  transform-origin: center bottom;
}

.vft-zoom-in-top-fast-leave-active {
  transform: scaleY(1);
  transform-origin: center top;
  opacity: 1;
}
.vft-zoom-in-top-fast-leave-active[data-popper-placement^=top] {
  transform-origin: center bottom;
}

.vft-zoom-in-top-fast-enter-from,
.vft-zoom-in-top-fast-leave-active {
  transform: scaleY(0);
  opacity: 0;
}

.vft-zoom-in-bottom-enter-active,
.vft-zoom-in-bottom-leave-active {
  transform: scaleY(1);
  transform-origin: center bottom;
  transition: var(--vft-transition-md-fade);
  opacity: 1;
}

.vft-zoom-in-bottom-enter-from,
.vft-zoom-in-bottom-leave-active {
  transform: scaleY(0);
  opacity: 0;
}

.vft-zoom-in-left-enter-active,
.vft-zoom-in-left-leave-active {
  transform: scale(1, 1);
  transform-origin: top left;
  transition: var(--vft-transition-md-fade);
  opacity: 1;
}

.vft-zoom-in-left-enter-from,
.vft-zoom-in-left-leave-active {
  transform: scale(0.45, 0.45);
  opacity: 0;
}

.collapse-transition {
  transition: var(--vft-transition-duration) height ease-in-out, var(--vft-transition-duration) padding-top ease-in-out, var(--vft-transition-duration) padding-bottom ease-in-out;
}

.vft-collapse-transition-leave-active,
.vft-collapse-transition-enter-active {
  transition: var(--vft-transition-duration) max-height ease-in-out, var(--vft-transition-duration) padding-top ease-in-out, var(--vft-transition-duration) padding-bottom ease-in-out;
}

.horizontal-collapse-transition {
  transition: var(--vft-transition-duration) width ease-in-out, var(--vft-transition-duration) padding-left ease-in-out, var(--vft-transition-duration) padding-right ease-in-out;
}

.vft-list-enter-active,
.vft-list-leave-active {
  transition: all 1s;
}

.vft-list-enter-from,
.vft-list-leave-to {
  transform: translateY(-1.875rem);
  opacity: 0;
}

.vft-list-leave-active {
  position: absolute !important;
}

.vft-opacity-transition {
  transition: opacity var(--vft-transition-duration) cubic-bezier(0.55, 0, 0.1, 1);
}

@keyframes vft-rotate {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes vft-loading-dot {
  33% {
    transform: translateY(-2em);
  }
  66% {
    transform: translateY(-1em);
  }
}
:root {
  --vft-logo-img-width: 1.75rem;
  --vft-logo-img-height: 1.75rem;
  --vft-logo-color: var(--vft-primary-color);
  --vft-logo-font-size: 1rem;
  --vft-logo-font-weight: 400;
  --vft-logo-cursor: pointer;
  --vft-logo-title-color: white;
  --vft-logo-title-font-size: 1rem;
}

.vft-logo {
  display: flex;
  align-items: center;
  padding-left: 1.25rem;
  transition: all 0.2s ease;
  cursor: var(--vft-logo-cursor);
}
.vft-logo__img {
  width: var(--vft-logo-img-width);
  height: var(--vft-logo-img-height);
}

.vft-logo__title {
  margin-left: 0.3125rem;
  transition: all 0.5s;
  color: var(--vft-logo-color);
  font-size: var(--vft-logo-font-size);
  font-weight: var(--vft-logo-font-weight);
  line-height: 1;
}.vft-fade-in-linear-enter-active,
.vft-fade-in-linear-leave-active {
  transition: var(--vft-transition-fade-linear);
}

.vft-fade-in-linear-enter-from,
.vft-fade-in-linear-leave-to {
  opacity: 0;
}

.vft-fade-in-enter-active,
.vft-fade-in-leave-active {
  transition: all var(--vft-transition-duration) cubic-bezier(0.55, 0, 0.1, 1);
}

.vft-fade-in-enter-from,
.vft-fade-in-leave-active {
  opacity: 0;
}

.vft-zoom-in-center-enter-active,
.vft-zoom-in-center-leave-active {
  transition: all var(--vft-transition-duration) cubic-bezier(0.55, 0, 0.1, 1);
}

.vft-zoom-in-center-enter-from,
.vft-zoom-in-center-leave-active {
  transform: scaleX(0);
  opacity: 0;
}

.vft-zoom-in-top-enter-active,
.vft-zoom-in-top-leave-active {
  transition: var(--vft-transition-md-fade);
  transform: scaleY(1);
  transform-origin: center top;
  opacity: 1;
}
.vft-zoom-in-top-enter-active[data-popper-placement^=top],
.vft-zoom-in-top-leave-active[data-popper-placement^=top] {
  transform-origin: center bottom;
}

.vft-zoom-in-top-enter-from,
.vft-zoom-in-top-leave-active {
  transform: scaleY(0);
  opacity: 0;
}

.vft-zoom-in-top-fast-enter-active {
  transition: var(--vft-transition-md-fade);
  transform: scaleY(1);
  transform-origin: center top;
  opacity: 1;
}
.vft-zoom-in-top-fast-enter-active[data-popper-placement^=top] {
  transform-origin: center bottom;
}

.vft-zoom-in-top-fast-leave-active {
  transform: scaleY(1);
  transform-origin: center top;
  opacity: 1;
}
.vft-zoom-in-top-fast-leave-active[data-popper-placement^=top] {
  transform-origin: center bottom;
}

.vft-zoom-in-top-fast-enter-from,
.vft-zoom-in-top-fast-leave-active {
  transform: scaleY(0);
  opacity: 0;
}

.vft-zoom-in-bottom-enter-active,
.vft-zoom-in-bottom-leave-active {
  transform: scaleY(1);
  transform-origin: center bottom;
  transition: var(--vft-transition-md-fade);
  opacity: 1;
}

.vft-zoom-in-bottom-enter-from,
.vft-zoom-in-bottom-leave-active {
  transform: scaleY(0);
  opacity: 0;
}

.vft-zoom-in-left-enter-active,
.vft-zoom-in-left-leave-active {
  transform: scale(1, 1);
  transform-origin: top left;
  transition: var(--vft-transition-md-fade);
  opacity: 1;
}

.vft-zoom-in-left-enter-from,
.vft-zoom-in-left-leave-active {
  transform: scale(0.45, 0.45);
  opacity: 0;
}

.collapse-transition {
  transition: var(--vft-transition-duration) height ease-in-out, var(--vft-transition-duration) padding-top ease-in-out, var(--vft-transition-duration) padding-bottom ease-in-out;
}

.vft-collapse-transition-leave-active,
.vft-collapse-transition-enter-active {
  transition: var(--vft-transition-duration) max-height ease-in-out, var(--vft-transition-duration) padding-top ease-in-out, var(--vft-transition-duration) padding-bottom ease-in-out;
}

.horizontal-collapse-transition {
  transition: var(--vft-transition-duration) width ease-in-out, var(--vft-transition-duration) padding-left ease-in-out, var(--vft-transition-duration) padding-right ease-in-out;
}

.vft-list-enter-active,
.vft-list-leave-active {
  transition: all 1s;
}

.vft-list-enter-from,
.vft-list-leave-to {
  transform: translateY(-1.875rem);
  opacity: 0;
}

.vft-list-leave-active {
  position: absolute !important;
}

.vft-opacity-transition {
  transition: opacity var(--vft-transition-duration) cubic-bezier(0.55, 0, 0.1, 1);
}

@keyframes vft-rotate {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes vft-loading-dot {
  33% {
    transform: translateY(-2em);
  }
  66% {
    transform: translateY(-1em);
  }
}.vft-fade-in-linear-enter-active,
.vft-fade-in-linear-leave-active {
  transition: var(--vft-transition-fade-linear);
}

.vft-fade-in-linear-enter-from,
.vft-fade-in-linear-leave-to {
  opacity: 0;
}

.vft-fade-in-enter-active,
.vft-fade-in-leave-active {
  transition: all var(--vft-transition-duration) cubic-bezier(0.55, 0, 0.1, 1);
}

.vft-fade-in-enter-from,
.vft-fade-in-leave-active {
  opacity: 0;
}

.vft-zoom-in-center-enter-active,
.vft-zoom-in-center-leave-active {
  transition: all var(--vft-transition-duration) cubic-bezier(0.55, 0, 0.1, 1);
}

.vft-zoom-in-center-enter-from,
.vft-zoom-in-center-leave-active {
  transform: scaleX(0);
  opacity: 0;
}

.vft-zoom-in-top-enter-active,
.vft-zoom-in-top-leave-active {
  transition: var(--vft-transition-md-fade);
  transform: scaleY(1);
  transform-origin: center top;
  opacity: 1;
}
.vft-zoom-in-top-enter-active[data-popper-placement^=top],
.vft-zoom-in-top-leave-active[data-popper-placement^=top] {
  transform-origin: center bottom;
}

.vft-zoom-in-top-enter-from,
.vft-zoom-in-top-leave-active {
  transform: scaleY(0);
  opacity: 0;
}

.vft-zoom-in-top-fast-enter-active {
  transition: var(--vft-transition-md-fade);
  transform: scaleY(1);
  transform-origin: center top;
  opacity: 1;
}
.vft-zoom-in-top-fast-enter-active[data-popper-placement^=top] {
  transform-origin: center bottom;
}

.vft-zoom-in-top-fast-leave-active {
  transform: scaleY(1);
  transform-origin: center top;
  opacity: 1;
}
.vft-zoom-in-top-fast-leave-active[data-popper-placement^=top] {
  transform-origin: center bottom;
}

.vft-zoom-in-top-fast-enter-from,
.vft-zoom-in-top-fast-leave-active {
  transform: scaleY(0);
  opacity: 0;
}

.vft-zoom-in-bottom-enter-active,
.vft-zoom-in-bottom-leave-active {
  transform: scaleY(1);
  transform-origin: center bottom;
  transition: var(--vft-transition-md-fade);
  opacity: 1;
}

.vft-zoom-in-bottom-enter-from,
.vft-zoom-in-bottom-leave-active {
  transform: scaleY(0);
  opacity: 0;
}

.vft-zoom-in-left-enter-active,
.vft-zoom-in-left-leave-active {
  transform: scale(1, 1);
  transform-origin: top left;
  transition: var(--vft-transition-md-fade);
  opacity: 1;
}

.vft-zoom-in-left-enter-from,
.vft-zoom-in-left-leave-active {
  transform: scale(0.45, 0.45);
  opacity: 0;
}

.collapse-transition {
  transition: var(--vft-transition-duration) height ease-in-out, var(--vft-transition-duration) padding-top ease-in-out, var(--vft-transition-duration) padding-bottom ease-in-out;
}

.vft-collapse-transition-leave-active,
.vft-collapse-transition-enter-active {
  transition: var(--vft-transition-duration) max-height ease-in-out, var(--vft-transition-duration) padding-top ease-in-out, var(--vft-transition-duration) padding-bottom ease-in-out;
}

.horizontal-collapse-transition {
  transition: var(--vft-transition-duration) width ease-in-out, var(--vft-transition-duration) padding-left ease-in-out, var(--vft-transition-duration) padding-right ease-in-out;
}

.vft-list-enter-active,
.vft-list-leave-active {
  transition: all 1s;
}

.vft-list-enter-from,
.vft-list-leave-to {
  transform: translateY(-1.875rem);
  opacity: 0;
}

.vft-list-leave-active {
  position: absolute !important;
}

.vft-opacity-transition {
  transition: opacity var(--vft-transition-duration) cubic-bezier(0.55, 0, 0.1, 1);
}

@keyframes vft-rotate {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes vft-loading-dot {
  33% {
    transform: translateY(-2em);
  }
  66% {
    transform: translateY(-1em);
  }
}
.vft-popconfirm__main {
  display: flex;
  align-items: center;
}

.vft-popconfirm__icon {
  margin-right: 0.3125rem;
}

.vft-popconfirm__action {
  text-align: right;
  margin-top: 0.5rem;
}

.vft-popconfirm .icon-question-filled {
  width: 1em;
  height: 1em;
  background-color: currentcolor;
  -webkit-mask: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="M512 64a448 448 0 1 1 0 896a448 448 0 0 1 0-896zm23.744 191.488c-52.096 0-92.928 14.784-123.2 44.352c-30.976 29.568-45.76 70.4-45.76 122.496h80.256c0-29.568 5.632-52.8 17.6-68.992c13.376-19.712 35.2-28.864 66.176-28.864c23.936 0 42.944 6.336 56.32 19.712c12.672 13.376 19.712 31.68 19.712 54.912c0 17.6-6.336 34.496-19.008 49.984l-8.448 9.856c-45.76 40.832-73.216 70.4-82.368 89.408c-9.856 19.008-14.08 42.24-14.08 68.992v9.856h80.96v-9.856c0-16.896 3.52-31.68 10.56-45.76c6.336-12.672 15.488-24.64 28.16-35.2c33.792-29.568 54.208-48.576 60.544-55.616c16.896-22.528 26.048-51.392 26.048-86.592c0-42.944-14.08-76.736-42.24-101.376c-28.16-25.344-65.472-37.312-111.232-37.312zm-12.672 406.208a54.272 54.272 0 0 0-38.72 14.784a49.408 49.408 0 0 0-15.488 38.016c0 15.488 4.928 28.16 15.488 38.016A54.848 54.848 0 0 0 523.072 768c15.488 0 28.16-4.928 38.72-14.784a51.52 51.52 0 0 0 16.192-38.72a51.968 51.968 0 0 0-15.488-38.016a55.936 55.936 0 0 0-39.424-14.784z"%2F%3E%3C%2Fsvg%3E') no-repeat;
          mask: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="M512 64a448 448 0 1 1 0 896a448 448 0 0 1 0-896zm23.744 191.488c-52.096 0-92.928 14.784-123.2 44.352c-30.976 29.568-45.76 70.4-45.76 122.496h80.256c0-29.568 5.632-52.8 17.6-68.992c13.376-19.712 35.2-28.864 66.176-28.864c23.936 0 42.944 6.336 56.32 19.712c12.672 13.376 19.712 31.68 19.712 54.912c0 17.6-6.336 34.496-19.008 49.984l-8.448 9.856c-45.76 40.832-73.216 70.4-82.368 89.408c-9.856 19.008-14.08 42.24-14.08 68.992v9.856h80.96v-9.856c0-16.896 3.52-31.68 10.56-45.76c6.336-12.672 15.488-24.64 28.16-35.2c33.792-29.568 54.208-48.576 60.544-55.616c16.896-22.528 26.048-51.392 26.048-86.592c0-42.944-14.08-76.736-42.24-101.376c-28.16-25.344-65.472-37.312-111.232-37.312zm-12.672 406.208a54.272 54.272 0 0 0-38.72 14.784a49.408 49.408 0 0 0-15.488 38.016c0 15.488 4.928 28.16 15.488 38.016A54.848 54.848 0 0 0 523.072 768c15.488 0 28.16-4.928 38.72-14.784a51.52 51.52 0 0 0 16.192-38.72a51.968 51.968 0 0 0-15.488-38.016a55.936 55.936 0 0 0-39.424-14.784z"%2F%3E%3C%2Fsvg%3E') no-repeat;
  -webkit-mask-size: 100% 100%;
          mask-size: 100% 100%;
}.vft-fade-in-linear-enter-active,
.vft-fade-in-linear-leave-active {
  transition: var(--vft-transition-fade-linear);
}

.vft-fade-in-linear-enter-from,
.vft-fade-in-linear-leave-to {
  opacity: 0;
}

.vft-fade-in-enter-active,
.vft-fade-in-leave-active {
  transition: all var(--vft-transition-duration) cubic-bezier(0.55, 0, 0.1, 1);
}

.vft-fade-in-enter-from,
.vft-fade-in-leave-active {
  opacity: 0;
}

.vft-zoom-in-center-enter-active,
.vft-zoom-in-center-leave-active {
  transition: all var(--vft-transition-duration) cubic-bezier(0.55, 0, 0.1, 1);
}

.vft-zoom-in-center-enter-from,
.vft-zoom-in-center-leave-active {
  transform: scaleX(0);
  opacity: 0;
}

.vft-zoom-in-top-enter-active,
.vft-zoom-in-top-leave-active {
  transition: var(--vft-transition-md-fade);
  transform: scaleY(1);
  transform-origin: center top;
  opacity: 1;
}
.vft-zoom-in-top-enter-active[data-popper-placement^=top],
.vft-zoom-in-top-leave-active[data-popper-placement^=top] {
  transform-origin: center bottom;
}

.vft-zoom-in-top-enter-from,
.vft-zoom-in-top-leave-active {
  transform: scaleY(0);
  opacity: 0;
}

.vft-zoom-in-top-fast-enter-active {
  transition: var(--vft-transition-md-fade);
  transform: scaleY(1);
  transform-origin: center top;
  opacity: 1;
}
.vft-zoom-in-top-fast-enter-active[data-popper-placement^=top] {
  transform-origin: center bottom;
}

.vft-zoom-in-top-fast-leave-active {
  transform: scaleY(1);
  transform-origin: center top;
  opacity: 1;
}
.vft-zoom-in-top-fast-leave-active[data-popper-placement^=top] {
  transform-origin: center bottom;
}

.vft-zoom-in-top-fast-enter-from,
.vft-zoom-in-top-fast-leave-active {
  transform: scaleY(0);
  opacity: 0;
}

.vft-zoom-in-bottom-enter-active,
.vft-zoom-in-bottom-leave-active {
  transform: scaleY(1);
  transform-origin: center bottom;
  transition: var(--vft-transition-md-fade);
  opacity: 1;
}

.vft-zoom-in-bottom-enter-from,
.vft-zoom-in-bottom-leave-active {
  transform: scaleY(0);
  opacity: 0;
}

.vft-zoom-in-left-enter-active,
.vft-zoom-in-left-leave-active {
  transform: scale(1, 1);
  transform-origin: top left;
  transition: var(--vft-transition-md-fade);
  opacity: 1;
}

.vft-zoom-in-left-enter-from,
.vft-zoom-in-left-leave-active {
  transform: scale(0.45, 0.45);
  opacity: 0;
}

.collapse-transition {
  transition: var(--vft-transition-duration) height ease-in-out, var(--vft-transition-duration) padding-top ease-in-out, var(--vft-transition-duration) padding-bottom ease-in-out;
}

.vft-collapse-transition-leave-active,
.vft-collapse-transition-enter-active {
  transition: var(--vft-transition-duration) max-height ease-in-out, var(--vft-transition-duration) padding-top ease-in-out, var(--vft-transition-duration) padding-bottom ease-in-out;
}

.horizontal-collapse-transition {
  transition: var(--vft-transition-duration) width ease-in-out, var(--vft-transition-duration) padding-left ease-in-out, var(--vft-transition-duration) padding-right ease-in-out;
}

.vft-list-enter-active,
.vft-list-leave-active {
  transition: all 1s;
}

.vft-list-enter-from,
.vft-list-leave-to {
  transform: translateY(-1.875rem);
  opacity: 0;
}

.vft-list-leave-active {
  position: absolute !important;
}

.vft-opacity-transition {
  transition: opacity var(--vft-transition-duration) cubic-bezier(0.55, 0, 0.1, 1);
}

@keyframes vft-rotate {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes vft-loading-dot {
  33% {
    transform: translateY(-2em);
  }
  66% {
    transform: translateY(-1em);
  }
}
:root {
  --vft-result-padding: 2.5rem 1.875rem;
  --vft-result-icon-font-size: 4rem;
  --vft-result-title-font-size: 1.25rem;
  --vft-result-title-margin-top: 1.25rem;
  --vft-result-sub-title-margin-top: 0.625rem;
  --vft-result-extra-margin-top: 1.875rem;
}

.vft-result {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  text-align: center;
  box-sizing: border-box;
  padding: var(--vft-result-padding);
}
.vft-result .icon-primary {
  color: var(--vft-result-color);
  --vft-result-color: var(--vft-color-primary);
}
.vft-result .icon-success {
  color: var(--vft-result-color);
  --vft-result-color: var(--vft-color-success);
}
.vft-result .icon-warning {
  color: var(--vft-result-color);
  --vft-result-color: var(--vft-color-warning);
}
.vft-result .icon-danger {
  color: var(--vft-result-color);
  --vft-result-color: var(--vft-color-danger);
}
.vft-result .icon-error {
  color: var(--vft-result-color);
  --vft-result-color: var(--vft-color-error);
}
.vft-result .icon-info {
  color: var(--vft-result-color);
  --vft-result-color: var(--vft-color-info);
}
.vft-result__icon svg {
  width: var(--vft-result-icon-font-size);
  height: var(--vft-result-icon-font-size);
}
.vft-result__icon [class~=vft-icon] {
  font-size: var(--vft-result-icon-font-size);
}

.vft-result__title {
  margin-top: var(--vft-result-title-margin-top);
}
.vft-result__title p {
  margin: 0;
  font-size: var(--vft-result-title-font-size);
  color: var(--vft-text-primary-color);
  line-height: 1.3;
}

.vft-result__sub-title {
  margin-top: var(--vft-result-sub-title-margin-top);
}
.vft-result__sub-title p {
  margin: 0;
  font-size: var(--vft-font-size-base);
  color: var(--vft-text-regular-color);
  line-height: 1.3;
}

.vft-result__extra {
  margin-top: var(--vft-result-extra-margin-top);
}.vft-fade-in-linear-enter-active,
.vft-fade-in-linear-leave-active {
  transition: var(--vft-transition-fade-linear);
}

.vft-fade-in-linear-enter-from,
.vft-fade-in-linear-leave-to {
  opacity: 0;
}

.vft-fade-in-enter-active,
.vft-fade-in-leave-active {
  transition: all var(--vft-transition-duration) cubic-bezier(0.55, 0, 0.1, 1);
}

.vft-fade-in-enter-from,
.vft-fade-in-leave-active {
  opacity: 0;
}

.vft-zoom-in-center-enter-active,
.vft-zoom-in-center-leave-active {
  transition: all var(--vft-transition-duration) cubic-bezier(0.55, 0, 0.1, 1);
}

.vft-zoom-in-center-enter-from,
.vft-zoom-in-center-leave-active {
  transform: scaleX(0);
  opacity: 0;
}

.vft-zoom-in-top-enter-active,
.vft-zoom-in-top-leave-active {
  transition: var(--vft-transition-md-fade);
  transform: scaleY(1);
  transform-origin: center top;
  opacity: 1;
}
.vft-zoom-in-top-enter-active[data-popper-placement^=top],
.vft-zoom-in-top-leave-active[data-popper-placement^=top] {
  transform-origin: center bottom;
}

.vft-zoom-in-top-enter-from,
.vft-zoom-in-top-leave-active {
  transform: scaleY(0);
  opacity: 0;
}

.vft-zoom-in-top-fast-enter-active {
  transition: var(--vft-transition-md-fade);
  transform: scaleY(1);
  transform-origin: center top;
  opacity: 1;
}
.vft-zoom-in-top-fast-enter-active[data-popper-placement^=top] {
  transform-origin: center bottom;
}

.vft-zoom-in-top-fast-leave-active {
  transform: scaleY(1);
  transform-origin: center top;
  opacity: 1;
}
.vft-zoom-in-top-fast-leave-active[data-popper-placement^=top] {
  transform-origin: center bottom;
}

.vft-zoom-in-top-fast-enter-from,
.vft-zoom-in-top-fast-leave-active {
  transform: scaleY(0);
  opacity: 0;
}

.vft-zoom-in-bottom-enter-active,
.vft-zoom-in-bottom-leave-active {
  transform: scaleY(1);
  transform-origin: center bottom;
  transition: var(--vft-transition-md-fade);
  opacity: 1;
}

.vft-zoom-in-bottom-enter-from,
.vft-zoom-in-bottom-leave-active {
  transform: scaleY(0);
  opacity: 0;
}

.vft-zoom-in-left-enter-active,
.vft-zoom-in-left-leave-active {
  transform: scale(1, 1);
  transform-origin: top left;
  transition: var(--vft-transition-md-fade);
  opacity: 1;
}

.vft-zoom-in-left-enter-from,
.vft-zoom-in-left-leave-active {
  transform: scale(0.45, 0.45);
  opacity: 0;
}

.collapse-transition {
  transition: var(--vft-transition-duration) height ease-in-out, var(--vft-transition-duration) padding-top ease-in-out, var(--vft-transition-duration) padding-bottom ease-in-out;
}

.vft-collapse-transition-leave-active,
.vft-collapse-transition-enter-active {
  transition: var(--vft-transition-duration) max-height ease-in-out, var(--vft-transition-duration) padding-top ease-in-out, var(--vft-transition-duration) padding-bottom ease-in-out;
}

.horizontal-collapse-transition {
  transition: var(--vft-transition-duration) width ease-in-out, var(--vft-transition-duration) padding-left ease-in-out, var(--vft-transition-duration) padding-right ease-in-out;
}

.vft-list-enter-active,
.vft-list-leave-active {
  transition: all 1s;
}

.vft-list-enter-from,
.vft-list-leave-to {
  transform: translateY(-1.875rem);
  opacity: 0;
}

.vft-list-leave-active {
  position: absolute !important;
}

.vft-opacity-transition {
  transition: opacity var(--vft-transition-duration) cubic-bezier(0.55, 0, 0.1, 1);
}

@keyframes vft-rotate {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes vft-loading-dot {
  33% {
    transform: translateY(-2em);
  }
  66% {
    transform: translateY(-1em);
  }
}
.vft-side-menu {
  display: flex;
  position: relative;
  flex-direction: column;
  transition: width 0.2s ease;
  border-right: var(--vft-menu-border-right);
  background-color: var(--vft-side-menu-bg-color);
  --vft-side-menu-border: var(--vft-menu-border-right);
  --vft-side-menu-scroll-mr: 0;
  --vft-side-menu-bg-color: var(--sidebar-primary);
  --vft-side-menu-width: 16.25rem;
  --vft-side-menu-collapse-width: 3.4375rem;
}
.vft-side-menu--fixed {
  position: fixed;
  z-index: 1;
  left: 0;
}

.vft-side-menu__top {
  border-bottom: var(--vft-side-menu-border);
}

.vft-side-menu__bottom {
  position: absolute;
  bottom: 0;
  width: 100%;
  border-top: var(--vft-side-menu-border);
}

.vft-side-menu__right {
  position: absolute;
  top: 50%;
  right: -0.625rem;
}

.vft-side-menu__collapse {
  display: flex;
  align-items: center;
  height: 2.5rem;
  padding: 0 1rem;
  border-right: none;
  background-color: var(--vft-menu-bg-color);
  cursor: pointer;
}
.vft-side-menu__collapse .vft-icon {
  position: absolute;
  right: 1.25rem;
}

.vft-side-menu__con {
  overflow-x: hidden;
  overflow-y: auto;
  overflow-y: overlay;
  scrollbar-gutter: stable;
}

.vft-side-menu__drag-bar {
  position: absolute;
  z-index: 999;
  top: 0;
  right: -0.0625rem;
  width: 0.125rem;
  height: 100%;
  border-top: none;
  border-bottom: none;
  cursor: col-resize;
}
.vft-side-menu__drag-bar:hover {
  background-color: var(--vft-primary-color);
  box-shadow: var(--vft-box-shadow);
}

.vft-side-menu .vft-menu {
  border: none;
  background-color: var(--vft-side-menu-bg-color);
}
.vft-side-menu .icon-sidebar-collapse {
  width: 1em;
  height: 1em;
  background-color: currentcolor;
  -webkit-mask: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="24" height="24" viewBox="0 0 24 24"%3E%3Cg fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"%3E%3Cpath d="M19 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2Z"%2F%3E%3Cpath d="M7.25 10L5.5 12l1.75 2m2.25 7V3"%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E') no-repeat;
          mask: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="24" height="24" viewBox="0 0 24 24"%3E%3Cg fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"%3E%3Cpath d="M19 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2Z"%2F%3E%3Cpath d="M7.25 10L5.5 12l1.75 2m2.25 7V3"%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E') no-repeat;
  -webkit-mask-size: 100% 100%;
          mask-size: 100% 100%;
}

.vft-side-menu__popper {
  margin-right: var(--vft-side-menu-scroll-mr);
}
.vft-side-menu__popper .vft-menu--popup {
  box-shadow: none;
}.vft-fade-in-linear-enter-active,
.vft-fade-in-linear-leave-active {
  transition: var(--vft-transition-fade-linear);
}

.vft-fade-in-linear-enter-from,
.vft-fade-in-linear-leave-to {
  opacity: 0;
}

.vft-fade-in-enter-active,
.vft-fade-in-leave-active {
  transition: all var(--vft-transition-duration) cubic-bezier(0.55, 0, 0.1, 1);
}

.vft-fade-in-enter-from,
.vft-fade-in-leave-active {
  opacity: 0;
}

.vft-zoom-in-center-enter-active,
.vft-zoom-in-center-leave-active {
  transition: all var(--vft-transition-duration) cubic-bezier(0.55, 0, 0.1, 1);
}

.vft-zoom-in-center-enter-from,
.vft-zoom-in-center-leave-active {
  transform: scaleX(0);
  opacity: 0;
}

.vft-zoom-in-top-enter-active,
.vft-zoom-in-top-leave-active {
  transition: var(--vft-transition-md-fade);
  transform: scaleY(1);
  transform-origin: center top;
  opacity: 1;
}
.vft-zoom-in-top-enter-active[data-popper-placement^=top],
.vft-zoom-in-top-leave-active[data-popper-placement^=top] {
  transform-origin: center bottom;
}

.vft-zoom-in-top-enter-from,
.vft-zoom-in-top-leave-active {
  transform: scaleY(0);
  opacity: 0;
}

.vft-zoom-in-top-fast-enter-active {
  transition: var(--vft-transition-md-fade);
  transform: scaleY(1);
  transform-origin: center top;
  opacity: 1;
}
.vft-zoom-in-top-fast-enter-active[data-popper-placement^=top] {
  transform-origin: center bottom;
}

.vft-zoom-in-top-fast-leave-active {
  transform: scaleY(1);
  transform-origin: center top;
  opacity: 1;
}
.vft-zoom-in-top-fast-leave-active[data-popper-placement^=top] {
  transform-origin: center bottom;
}

.vft-zoom-in-top-fast-enter-from,
.vft-zoom-in-top-fast-leave-active {
  transform: scaleY(0);
  opacity: 0;
}

.vft-zoom-in-bottom-enter-active,
.vft-zoom-in-bottom-leave-active {
  transform: scaleY(1);
  transform-origin: center bottom;
  transition: var(--vft-transition-md-fade);
  opacity: 1;
}

.vft-zoom-in-bottom-enter-from,
.vft-zoom-in-bottom-leave-active {
  transform: scaleY(0);
  opacity: 0;
}

.vft-zoom-in-left-enter-active,
.vft-zoom-in-left-leave-active {
  transform: scale(1, 1);
  transform-origin: top left;
  transition: var(--vft-transition-md-fade);
  opacity: 1;
}

.vft-zoom-in-left-enter-from,
.vft-zoom-in-left-leave-active {
  transform: scale(0.45, 0.45);
  opacity: 0;
}

.collapse-transition {
  transition: var(--vft-transition-duration) height ease-in-out, var(--vft-transition-duration) padding-top ease-in-out, var(--vft-transition-duration) padding-bottom ease-in-out;
}

.vft-collapse-transition-leave-active,
.vft-collapse-transition-enter-active {
  transition: var(--vft-transition-duration) max-height ease-in-out, var(--vft-transition-duration) padding-top ease-in-out, var(--vft-transition-duration) padding-bottom ease-in-out;
}

.horizontal-collapse-transition {
  transition: var(--vft-transition-duration) width ease-in-out, var(--vft-transition-duration) padding-left ease-in-out, var(--vft-transition-duration) padding-right ease-in-out;
}

.vft-list-enter-active,
.vft-list-leave-active {
  transition: all 1s;
}

.vft-list-enter-from,
.vft-list-leave-to {
  transform: translateY(-1.875rem);
  opacity: 0;
}

.vft-list-leave-active {
  position: absolute !important;
}

.vft-opacity-transition {
  transition: opacity var(--vft-transition-duration) cubic-bezier(0.55, 0, 0.1, 1);
}

@keyframes vft-rotate {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes vft-loading-dot {
  33% {
    transform: translateY(-2em);
  }
  66% {
    transform: translateY(-1em);
  }
}
.vft-step {
  position: relative;
  flex-shrink: 1;
}
.vft-step.is-content-top {
  display: flex;
  flex-direction: column;
}
.vft-step.is-content-top .vft-step__main {
  order: -1;
  margin-bottom: 0.5rem;
}

.vft-step.is-content-top .vft-step__head {
  order: 1;
}

.vft-step:last-of-type .vft-step__line {
  display: none;
}

.vft-step:last-of-type.is-flex {
  flex-basis: auto !important;
  flex-grow: 0;
  flex-shrink: 0;
}

.vft-step:last-of-type .vft-step__main, .vft-step:last-of-type .vft-step__description {
  padding-right: 0;
}

.vft-step__head {
  position: relative;
  width: 100%;
}
.vft-step__head.is-process {
  border-color: var(--vft-text-primary-color);
  color: var(--vft-text-primary-color);
}

.vft-step__head.is-wait {
  border-color: var(--vft-text-placeholder-color);
  color: var(--vft-text-placeholder-color);
}

.vft-step__head.is-success {
  border-color: var(--vft-success-color);
  color: var(--vft-success-color);
}

.vft-step__head.is-error {
  border-color: var(--vft-danger-color);
  color: var(--vft-danger-color);
}

.vft-step__head.is-finish {
  border-color: var(--vft-primary-color);
  color: var(--vft-primary-color);
}

.vft-step__icon {
  display: inline-flex;
  position: relative;
  z-index: 1;
  box-sizing: border-box;
  align-items: center;
  justify-content: center;
  width: 1.5rem;
  height: 1.5rem;
  transition: 0.15s ease-out;
  background: var(--vft-bg-color);
  font-size: 0.875rem;
}
.vft-step__icon.is-text {
  border: 0.125rem solid;
  border-radius: 50%;
  border-color: currentColor;
}

.vft-step__icon.is-icon {
  width: 2.5rem;
}

.vft-step__icon-inner {
  display: inline-block;
  color: inherit;
  font-weight: bold;
  line-height: 1;
  text-align: center;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.vft-step__icon-inner[class*=vft-icon]:not(.is-status) {
  font-size: 1.5625rem;
  font-weight: normal;
}
.vft-step__icon-inner.is-status {
  transform: translateY(0.0625rem);
}

.vft-step__line {
  position: absolute;
  border-color: currentColor;
  background-color: var(--vft-text-placeholder-color);
}

.vft-step__line-inner {
  display: block;
  box-sizing: border-box;
  width: 0;
  height: 0;
  transition: 0.15s ease-out;
  border-width: 0.0625rem;
  border-style: solid;
  border-color: currentColor;
}

.vft-step__main {
  text-align: left;
  white-space: normal;
}

.vft-step__title {
  font-size: 1rem;
  line-height: 2.375rem;
}
.vft-step__title.is-process {
  color: var(--vft-text-primary-color);
  font-weight: bold;
}

.vft-step__title.is-wait {
  color: var(--vft-text-placeholder-color);
}

.vft-step__title.is-success {
  color: var(--vft-success-color);
}

.vft-step__title.is-error {
  color: var(--vft-danger-color);
}

.vft-step__title.is-finish {
  color: var(--vft-primary-color);
}

.vft-step__description {
  margin-top: -0.3125rem;
  padding-right: 10%;
  font-size: 0.75rem;
  font-weight: normal;
  line-height: 1.25rem;
}
.vft-step__description.is-process {
  color: var(--vft-text-primary-color);
}

.vft-step__description.is-wait {
  color: var(--vft-text-placeholder-color);
}

.vft-step__description.is-success {
  color: var(--vft-success-color);
}

.vft-step__description.is-error {
  color: var(--vft-danger-color);
}

.vft-step__description.is-finish {
  color: var(--vft-primary-color);
}

.vft-step__top-slot {
  padding-bottom: 0.5rem;
}

.vft-step__bottom-slot {
  padding-top: 0.5rem;
}

.vft-step.is-horizontal {
  display: inline-block;
}
.vft-step.is-horizontal .vft-step__line {
  top: 0.6875rem;
  right: 0;
  left: 0;
  height: 0.125rem;
}

.vft-step.is-vertical {
  display: flex;
}
.vft-step.is-vertical .vft-step__head {
  flex-grow: 0;
  width: 1.5rem;
}

.vft-step.is-vertical .vft-step__main {
  flex-grow: 1;
  padding-left: 0.625rem;
}

.vft-step.is-vertical .vft-step__title {
  padding-bottom: 0.5rem;
  line-height: 1.5rem;
}

.vft-step.is-vertical .vft-step__line {
  top: 0;
  bottom: 0;
  left: 0.6875rem;
  width: 0.125rem;
}

.vft-step.is-vertical .vft-step__icon.is-icon {
  width: 1.5rem;
}

.vft-step.is-vertical.is-content-top {
  flex-direction: row-reverse;
}
.vft-step.is-vertical.is-content-top .vft-step__head {
  flex-grow: 0;
  order: 2;
  width: 1.5rem;
}

.vft-step.is-vertical.is-content-top .vft-step__main {
  flex-grow: 1;
  order: 1;
  padding-left: 0.625rem;
  text-align: left;
}

.vft-step.is-vertical.is-content-top .vft-step__line {
  right: 0.6875rem;
  left: auto;
}

.vft-step.is-center .vft-step__head {
  text-align: center;
}

.vft-step.is-center .vft-step__main {
  text-align: center;
}

.vft-step.is-center .vft-step__description {
  padding-right: 20%;
  padding-left: 20%;
}

.vft-step.is-center .vft-step__line {
  right: -50%;
  left: 50%;
}

.vft-step.is-simple {
  display: flex;
  align-items: center;
}
.vft-step.is-simple .vft-step__head {
  width: auto;
  padding-right: 0.625rem;
  font-size: 0;
}

.vft-step.is-simple .vft-step__icon {
  width: 1rem;
  height: 1rem;
  background: transparent;
  font-size: 0.75rem;
}

.vft-step.is-simple .vft-step__icon-inner[class*=vft-icon]:not(.is-status) {
  font-size: 1.125rem;
}
.vft-step.is-simple .vft-step__icon-inner.is-status {
  transform: scale(0.8) translateY(0.0625rem);
}

.vft-step.is-simple .vft-step__main {
  display: flex;
  position: relative;
  flex-grow: 1;
  align-items: stretch;
}

.vft-step.is-simple .vft-step__title {
  font-size: 1rem;
  line-height: 1.25rem;
}

.vft-step.is-simple:not(:last-of-type) .vft-step__title {
  max-width: 50%;
  overflow-wrap: break-word;
}

.vft-step.is-simple .vft-step__arrow {
  display: flex;
  flex-grow: 1;
  align-items: center;
  justify-content: center;
}
.vft-step.is-simple .vft-step__arrow::before, .vft-step.is-simple .vft-step__arrow::after {
  content: "";
  display: inline-block;
  position: absolute;
  width: 0.0625rem;
  height: 0.9375rem;
  background: var(--vft-text-placeholder-color);
}
.vft-step.is-simple .vft-step__arrow::before {
  transform: rotate(-45deg) translateY(-0.25rem);
  transform-origin: 0 0;
}
.vft-step.is-simple .vft-step__arrow::after {
  transform: rotate(45deg) translateY(0.25rem);
  transform-origin: 100% 100%;
}

.vft-step.is-simple:last-of-type .vft-step__arrow {
  display: none;
}

.vft-step .icon-check {
  width: 1em;
  height: 1em;
  background-color: currentcolor;
  -webkit-mask: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="M406.656 706.944L195.84 496.256a32 32 0 1 0-45.248 45.248l256 256l512-512a32 32 0 0 0-45.248-45.248L406.592 706.944z"%2F%3E%3C%2Fsvg%3E') no-repeat;
          mask: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="M406.656 706.944L195.84 496.256a32 32 0 1 0-45.248 45.248l256 256l512-512a32 32 0 0 0-45.248-45.248L406.592 706.944z"%2F%3E%3C%2Fsvg%3E') no-repeat;
  -webkit-mask-size: 100% 100%;
          mask-size: 100% 100%;
}.vft-fade-in-linear-enter-active,
.vft-fade-in-linear-leave-active {
  transition: var(--vft-transition-fade-linear);
}

.vft-fade-in-linear-enter-from,
.vft-fade-in-linear-leave-to {
  opacity: 0;
}

.vft-fade-in-enter-active,
.vft-fade-in-leave-active {
  transition: all var(--vft-transition-duration) cubic-bezier(0.55, 0, 0.1, 1);
}

.vft-fade-in-enter-from,
.vft-fade-in-leave-active {
  opacity: 0;
}

.vft-zoom-in-center-enter-active,
.vft-zoom-in-center-leave-active {
  transition: all var(--vft-transition-duration) cubic-bezier(0.55, 0, 0.1, 1);
}

.vft-zoom-in-center-enter-from,
.vft-zoom-in-center-leave-active {
  transform: scaleX(0);
  opacity: 0;
}

.vft-zoom-in-top-enter-active,
.vft-zoom-in-top-leave-active {
  transition: var(--vft-transition-md-fade);
  transform: scaleY(1);
  transform-origin: center top;
  opacity: 1;
}
.vft-zoom-in-top-enter-active[data-popper-placement^=top],
.vft-zoom-in-top-leave-active[data-popper-placement^=top] {
  transform-origin: center bottom;
}

.vft-zoom-in-top-enter-from,
.vft-zoom-in-top-leave-active {
  transform: scaleY(0);
  opacity: 0;
}

.vft-zoom-in-top-fast-enter-active {
  transition: var(--vft-transition-md-fade);
  transform: scaleY(1);
  transform-origin: center top;
  opacity: 1;
}
.vft-zoom-in-top-fast-enter-active[data-popper-placement^=top] {
  transform-origin: center bottom;
}

.vft-zoom-in-top-fast-leave-active {
  transform: scaleY(1);
  transform-origin: center top;
  opacity: 1;
}
.vft-zoom-in-top-fast-leave-active[data-popper-placement^=top] {
  transform-origin: center bottom;
}

.vft-zoom-in-top-fast-enter-from,
.vft-zoom-in-top-fast-leave-active {
  transform: scaleY(0);
  opacity: 0;
}

.vft-zoom-in-bottom-enter-active,
.vft-zoom-in-bottom-leave-active {
  transform: scaleY(1);
  transform-origin: center bottom;
  transition: var(--vft-transition-md-fade);
  opacity: 1;
}

.vft-zoom-in-bottom-enter-from,
.vft-zoom-in-bottom-leave-active {
  transform: scaleY(0);
  opacity: 0;
}

.vft-zoom-in-left-enter-active,
.vft-zoom-in-left-leave-active {
  transform: scale(1, 1);
  transform-origin: top left;
  transition: var(--vft-transition-md-fade);
  opacity: 1;
}

.vft-zoom-in-left-enter-from,
.vft-zoom-in-left-leave-active {
  transform: scale(0.45, 0.45);
  opacity: 0;
}

.collapse-transition {
  transition: var(--vft-transition-duration) height ease-in-out, var(--vft-transition-duration) padding-top ease-in-out, var(--vft-transition-duration) padding-bottom ease-in-out;
}

.vft-collapse-transition-leave-active,
.vft-collapse-transition-enter-active {
  transition: var(--vft-transition-duration) max-height ease-in-out, var(--vft-transition-duration) padding-top ease-in-out, var(--vft-transition-duration) padding-bottom ease-in-out;
}

.horizontal-collapse-transition {
  transition: var(--vft-transition-duration) width ease-in-out, var(--vft-transition-duration) padding-left ease-in-out, var(--vft-transition-duration) padding-right ease-in-out;
}

.vft-list-enter-active,
.vft-list-leave-active {
  transition: all 1s;
}

.vft-list-enter-from,
.vft-list-leave-to {
  transform: translateY(-1.875rem);
  opacity: 0;
}

.vft-list-leave-active {
  position: absolute !important;
}

.vft-opacity-transition {
  transition: opacity var(--vft-transition-duration) cubic-bezier(0.55, 0, 0.1, 1);
}

@keyframes vft-rotate {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes vft-loading-dot {
  33% {
    transform: translateY(-2em);
  }
  66% {
    transform: translateY(-1em);
  }
}
.vft-steps {
  display: flex;
}
.vft-steps--simple {
  padding: 0.8125rem 8%;
  border-radius: 0.25rem;
  background: var(--vft-fill-color-light);
}

.vft-steps--horizontal {
  white-space: nowrap;
}

.vft-steps--vertical {
  flex-flow: column;
  height: 100%;
}.vft-fade-in-linear-enter-active,
.vft-fade-in-linear-leave-active {
  transition: var(--vft-transition-fade-linear);
}

.vft-fade-in-linear-enter-from,
.vft-fade-in-linear-leave-to {
  opacity: 0;
}

.vft-fade-in-enter-active,
.vft-fade-in-leave-active {
  transition: all var(--vft-transition-duration) cubic-bezier(0.55, 0, 0.1, 1);
}

.vft-fade-in-enter-from,
.vft-fade-in-leave-active {
  opacity: 0;
}

.vft-zoom-in-center-enter-active,
.vft-zoom-in-center-leave-active {
  transition: all var(--vft-transition-duration) cubic-bezier(0.55, 0, 0.1, 1);
}

.vft-zoom-in-center-enter-from,
.vft-zoom-in-center-leave-active {
  transform: scaleX(0);
  opacity: 0;
}

.vft-zoom-in-top-enter-active,
.vft-zoom-in-top-leave-active {
  transition: var(--vft-transition-md-fade);
  transform: scaleY(1);
  transform-origin: center top;
  opacity: 1;
}
.vft-zoom-in-top-enter-active[data-popper-placement^=top],
.vft-zoom-in-top-leave-active[data-popper-placement^=top] {
  transform-origin: center bottom;
}

.vft-zoom-in-top-enter-from,
.vft-zoom-in-top-leave-active {
  transform: scaleY(0);
  opacity: 0;
}

.vft-zoom-in-top-fast-enter-active {
  transition: var(--vft-transition-md-fade);
  transform: scaleY(1);
  transform-origin: center top;
  opacity: 1;
}
.vft-zoom-in-top-fast-enter-active[data-popper-placement^=top] {
  transform-origin: center bottom;
}

.vft-zoom-in-top-fast-leave-active {
  transform: scaleY(1);
  transform-origin: center top;
  opacity: 1;
}
.vft-zoom-in-top-fast-leave-active[data-popper-placement^=top] {
  transform-origin: center bottom;
}

.vft-zoom-in-top-fast-enter-from,
.vft-zoom-in-top-fast-leave-active {
  transform: scaleY(0);
  opacity: 0;
}

.vft-zoom-in-bottom-enter-active,
.vft-zoom-in-bottom-leave-active {
  transform: scaleY(1);
  transform-origin: center bottom;
  transition: var(--vft-transition-md-fade);
  opacity: 1;
}

.vft-zoom-in-bottom-enter-from,
.vft-zoom-in-bottom-leave-active {
  transform: scaleY(0);
  opacity: 0;
}

.vft-zoom-in-left-enter-active,
.vft-zoom-in-left-leave-active {
  transform: scale(1, 1);
  transform-origin: top left;
  transition: var(--vft-transition-md-fade);
  opacity: 1;
}

.vft-zoom-in-left-enter-from,
.vft-zoom-in-left-leave-active {
  transform: scale(0.45, 0.45);
  opacity: 0;
}

.collapse-transition {
  transition: var(--vft-transition-duration) height ease-in-out, var(--vft-transition-duration) padding-top ease-in-out, var(--vft-transition-duration) padding-bottom ease-in-out;
}

.vft-collapse-transition-leave-active,
.vft-collapse-transition-enter-active {
  transition: var(--vft-transition-duration) max-height ease-in-out, var(--vft-transition-duration) padding-top ease-in-out, var(--vft-transition-duration) padding-bottom ease-in-out;
}

.horizontal-collapse-transition {
  transition: var(--vft-transition-duration) width ease-in-out, var(--vft-transition-duration) padding-left ease-in-out, var(--vft-transition-duration) padding-right ease-in-out;
}

.vft-list-enter-active,
.vft-list-leave-active {
  transition: all 1s;
}

.vft-list-enter-from,
.vft-list-leave-to {
  transform: translateY(-1.875rem);
  opacity: 0;
}

.vft-list-leave-active {
  position: absolute !important;
}

.vft-opacity-transition {
  transition: opacity var(--vft-transition-duration) cubic-bezier(0.55, 0, 0.1, 1);
}

@keyframes vft-rotate {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes vft-loading-dot {
  33% {
    transform: translateY(-2em);
  }
  66% {
    transform: translateY(-1em);
  }
}
.vft-tree {
  --vft-tree-node-hover-bg-color: var(--vft-fill-color-light);
  --vft-tree-text-color: var(--vft-text-regular-color);
  --vft-tree-expand-icon-color: var(--vft-text-placeholder-color);
}

.vft-tree {
  position: relative;
  background: var(--vft-fill-color-blank);
  color: var(--vft-tree-text-color);
  font-size: var(--vft-font-size-base);
  cursor: default;
}
.vft-tree__empty-block {
  position: relative;
  width: 100%;
  height: 100%;
  min-height: 3.75rem;
  text-align: center;
}

.vft-tree__empty-text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: var(--vft-text-secondary-color);
  font-size: var(--vft-font-size-base);
}

.vft-tree__drop-indicator {
  position: absolute;
  right: 0;
  left: 0;
  height: 0.0625rem;
  background-color: var(--vft-primary-color);
}

.vft-tree .icon-caret-right {
  width: 1em;
  height: 1em;
  background-color: currentcolor;
  -webkit-mask: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="M384 192v640l384-320.064z"%2F%3E%3C%2Fsvg%3E') no-repeat;
          mask: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="M384 192v640l384-320.064z"%2F%3E%3C%2Fsvg%3E') no-repeat;
  -webkit-mask-size: 100% 100%;
          mask-size: 100% 100%;
}
.vft-tree .icon-loading {
  width: 1em;
  height: 1em;
  background-color: currentcolor;
  -webkit-mask: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="M512 64a32 32 0 0 1 32 32v192a32 32 0 0 1-64 0V96a32 32 0 0 1 32-32zm0 640a32 32 0 0 1 32 32v192a32 32 0 1 1-64 0V736a32 32 0 0 1 32-32zm448-192a32 32 0 0 1-32 32H736a32 32 0 1 1 0-64h192a32 32 0 0 1 32 32zm-640 0a32 32 0 0 1-32 32H96a32 32 0 0 1 0-64h192a32 32 0 0 1 32 32zM195.2 195.2a32 32 0 0 1 45.248 0L376.32 331.008a32 32 0 0 1-45.248 45.248L195.2 240.448a32 32 0 0 1 0-45.248zm452.544 452.544a32 32 0 0 1 45.248 0L828.8 783.552a32 32 0 0 1-45.248 45.248L647.744 692.992a32 32 0 0 1 0-45.248zM828.8 195.264a32 32 0 0 1 0 45.184L692.992 376.32a32 32 0 0 1-45.248-45.248l135.808-135.808a32 32 0 0 1 45.248 0zm-452.544 452.48a32 32 0 0 1 0 45.248L240.448 828.8a32 32 0 0 1-45.248-45.248l135.808-135.808a32 32 0 0 1 45.248 0z"%2F%3E%3C%2Fsvg%3E') no-repeat;
          mask: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="M512 64a32 32 0 0 1 32 32v192a32 32 0 0 1-64 0V96a32 32 0 0 1 32-32zm0 640a32 32 0 0 1 32 32v192a32 32 0 1 1-64 0V736a32 32 0 0 1 32-32zm448-192a32 32 0 0 1-32 32H736a32 32 0 1 1 0-64h192a32 32 0 0 1 32 32zm-640 0a32 32 0 0 1-32 32H96a32 32 0 0 1 0-64h192a32 32 0 0 1 32 32zM195.2 195.2a32 32 0 0 1 45.248 0L376.32 331.008a32 32 0 0 1-45.248 45.248L195.2 240.448a32 32 0 0 1 0-45.248zm452.544 452.544a32 32 0 0 1 45.248 0L828.8 783.552a32 32 0 0 1-45.248 45.248L647.744 692.992a32 32 0 0 1 0-45.248zM828.8 195.264a32 32 0 0 1 0 45.184L692.992 376.32a32 32 0 0 1-45.248-45.248l135.808-135.808a32 32 0 0 1 45.248 0zm-452.544 452.48a32 32 0 0 1 0 45.248L240.448 828.8a32 32 0 0 1-45.248-45.248l135.808-135.808a32 32 0 0 1 45.248 0z"%2F%3E%3C%2Fsvg%3E') no-repeat;
  -webkit-mask-size: 100% 100%;
          mask-size: 100% 100%;
}

.vft-tree-node {
  outline: none;
  white-space: nowrap;
}
.vft-tree-node.is-drop-inner > .vft-tree-node__content .vft-tree-node__label {
  background-color: var(--vft-primary-color);
  color: #fff;
}

.vft-tree-node__content {
  display: flex;
  align-items: center;
  height: 1.625rem;
  cursor: pointer;
}
.vft-tree-node__content > label.vft-checkbox {
  margin-right: 0.5rem;
}
.vft-tree-node__content:hover {
  background-color: var(--vft-tree-node-hover-bg-color);
}
.vft-tree.is-dragging .vft-tree-node__content {
  cursor: move;
}
.vft-tree.is-dragging .vft-tree-node__content * {
  pointer-events: none;
}
.vft-tree.is-dragging.is-drop-not-allow .vft-tree-node__content {
  cursor: not-allowed;
}

.vft-tree-node__expand-icon {
  margin-right: 0.375rem;
  transform: rotate(0deg);
  transition: transform var(--vft-transition-duration) ease-in-out;
  color: var(--vft-tree-expand-icon-color);
  font-size: 0.75rem;
  cursor: pointer;
}
.vft-tree-node__expand-icon.expanded {
  transform: rotate(90deg);
}
.vft-tree-node__expand-icon.is-leaf {
  color: transparent;
  cursor: default;
}
.vft-tree-node__expand-icon.is-hidden {
  visibility: hidden;
}

.vft-tree-node__loading-icon {
  margin-right: 0.5rem;
  color: var(--vft-tree-expand-icon-color);
  font-size: var(--vft-font-size-base);
}

.vft-tree-node:focus {
  /* focus */
}
.vft-tree-node:focus > .vft-tree-node__content {
  background-color: var(--vft-tree-node-hover-bg-color);
}
.vft-tree-node > .vft-tree-node__children {
  overflow: hidden;
  background-color: transparent;
}
.vft-tree-node.is-expanded > .vft-tree-node__children {
  display: block;
}

.vft-tree--highlight-current .vft-tree-node.is-current > .vft-tree-node__content {
  background-color: var(--vft-primary-color-light-9);
  color: var(--vft-primary-color);
}.vft-fade-in-linear-enter-active,
.vft-fade-in-linear-leave-active {
  transition: var(--vft-transition-fade-linear);
}

.vft-fade-in-linear-enter-from,
.vft-fade-in-linear-leave-to {
  opacity: 0;
}

.vft-fade-in-enter-active,
.vft-fade-in-leave-active {
  transition: all var(--vft-transition-duration) cubic-bezier(0.55, 0, 0.1, 1);
}

.vft-fade-in-enter-from,
.vft-fade-in-leave-active {
  opacity: 0;
}

.vft-zoom-in-center-enter-active,
.vft-zoom-in-center-leave-active {
  transition: all var(--vft-transition-duration) cubic-bezier(0.55, 0, 0.1, 1);
}

.vft-zoom-in-center-enter-from,
.vft-zoom-in-center-leave-active {
  transform: scaleX(0);
  opacity: 0;
}

.vft-zoom-in-top-enter-active,
.vft-zoom-in-top-leave-active {
  transition: var(--vft-transition-md-fade);
  transform: scaleY(1);
  transform-origin: center top;
  opacity: 1;
}
.vft-zoom-in-top-enter-active[data-popper-placement^=top],
.vft-zoom-in-top-leave-active[data-popper-placement^=top] {
  transform-origin: center bottom;
}

.vft-zoom-in-top-enter-from,
.vft-zoom-in-top-leave-active {
  transform: scaleY(0);
  opacity: 0;
}

.vft-zoom-in-top-fast-enter-active {
  transition: var(--vft-transition-md-fade);
  transform: scaleY(1);
  transform-origin: center top;
  opacity: 1;
}
.vft-zoom-in-top-fast-enter-active[data-popper-placement^=top] {
  transform-origin: center bottom;
}

.vft-zoom-in-top-fast-leave-active {
  transform: scaleY(1);
  transform-origin: center top;
  opacity: 1;
}
.vft-zoom-in-top-fast-leave-active[data-popper-placement^=top] {
  transform-origin: center bottom;
}

.vft-zoom-in-top-fast-enter-from,
.vft-zoom-in-top-fast-leave-active {
  transform: scaleY(0);
  opacity: 0;
}

.vft-zoom-in-bottom-enter-active,
.vft-zoom-in-bottom-leave-active {
  transform: scaleY(1);
  transform-origin: center bottom;
  transition: var(--vft-transition-md-fade);
  opacity: 1;
}

.vft-zoom-in-bottom-enter-from,
.vft-zoom-in-bottom-leave-active {
  transform: scaleY(0);
  opacity: 0;
}

.vft-zoom-in-left-enter-active,
.vft-zoom-in-left-leave-active {
  transform: scale(1, 1);
  transform-origin: top left;
  transition: var(--vft-transition-md-fade);
  opacity: 1;
}

.vft-zoom-in-left-enter-from,
.vft-zoom-in-left-leave-active {
  transform: scale(0.45, 0.45);
  opacity: 0;
}

.collapse-transition {
  transition: var(--vft-transition-duration) height ease-in-out, var(--vft-transition-duration) padding-top ease-in-out, var(--vft-transition-duration) padding-bottom ease-in-out;
}

.vft-collapse-transition-leave-active,
.vft-collapse-transition-enter-active {
  transition: var(--vft-transition-duration) max-height ease-in-out, var(--vft-transition-duration) padding-top ease-in-out, var(--vft-transition-duration) padding-bottom ease-in-out;
}

.horizontal-collapse-transition {
  transition: var(--vft-transition-duration) width ease-in-out, var(--vft-transition-duration) padding-left ease-in-out, var(--vft-transition-duration) padding-right ease-in-out;
}

.vft-list-enter-active,
.vft-list-leave-active {
  transition: all 1s;
}

.vft-list-enter-from,
.vft-list-leave-to {
  transform: translateY(-1.875rem);
  opacity: 0;
}

.vft-list-leave-active {
  position: absolute !important;
}

.vft-opacity-transition {
  transition: opacity var(--vft-transition-duration) cubic-bezier(0.55, 0, 0.1, 1);
}

@keyframes vft-rotate {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes vft-loading-dot {
  33% {
    transform: translateY(-2em);
  }
  66% {
    transform: translateY(-1em);
  }
}
.vft-date-time-select {
  display: inline-block;
  cursor: pointer;
}
.vft-date-time-select__trigger {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  min-width: 12.5rem;
  height: 2.5rem;
  padding: 0.0625rem 0.6875rem;
  transition: var(--vft-transition-all);
  border-radius: 0.3125rem;
  background-color: white;
  box-shadow: 0 0 0 0.0625rem var(--vft-border-color) inset !important;
  font-size: 0.9375rem;
}
.vft-date-time-select__trigger:hover, .vft-date-time-select__trigger:focus {
  box-shadow: 0 0 0 0.0625rem var(--vft-primary-color) inset !important;
}
.vft-date-time-select__trigger .placeholder {
  color: var(--vft-text-placeholder-color);
}
.vft-date-time-select__trigger .text {
  color: var(--vft-text-primary-color);
}
.vft-date-time-select__trigger i {
  margin-left: 0.3125rem;
  transition: var(--vft-transition-all);
  color: var(--vft-text-placeholder-color);
}

.vft-date-time-select__content {
  display: flex;
  min-width: 12.5rem;
  max-width: 50rem;
  min-height: 11.875rem;
  max-height: 21.875rem;
  padding: 0.3125rem 0;
  box-shadow: var(--vft-box-shadow);
}
.vft-date-time-select__item-container {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.vft-date-time-select__item {
  display: flex;
  position: relative;
  justify-content: space-between;
  width: 100%;
  padding: 0.5625rem 1rem;
  transition: var(--vft-transition-all);
  color: var(--vft-text-primary-color);
  font-size: 0.8125rem;
  line-height: 1;
}
.vft-date-time-select__item.is-active {
  color: var(--vft-primary-color);
}

.vft-date-time-select__item:hover {
  background-color: var(--vft-primary-color-light-9);
  color: var(--vft-primary-color);
}

.vft-date-time-select__delete {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.25rem;
  height: 1.25rem;
  transition: var(--vft-transition-all);
  border-radius: 50%;
}
.vft-date-time-select__delete:hover {
  background-color: #dfdfdf;
}

.vft-date-time-select .icon-arrow-down {
  width: 1em;
  height: 1em;
  background-color: currentcolor;
  -webkit-mask: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="M831.872 340.864L512 652.672L192.128 340.864a30.592 30.592 0 0 0-42.752 0a29.12 29.12 0 0 0 0 41.6L489.664 714.24a32 32 0 0 0 44.672 0l340.288-331.712a29.12 29.12 0 0 0 0-41.728a30.592 30.592 0 0 0-42.752 0z"%2F%3E%3C%2Fsvg%3E') no-repeat;
          mask: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="M831.872 340.864L512 652.672L192.128 340.864a30.592 30.592 0 0 0-42.752 0a29.12 29.12 0 0 0 0 41.6L489.664 714.24a32 32 0 0 0 44.672 0l340.288-331.712a29.12 29.12 0 0 0 0-41.728a30.592 30.592 0 0 0-42.752 0z"%2F%3E%3C%2Fsvg%3E') no-repeat;
  -webkit-mask-size: 100% 100%;
          mask-size: 100% 100%;
}
.vft-date-time-select .icon-circle-close {
  width: 1em;
  height: 1em;
  background-color: currentcolor;
  -webkit-mask: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="m466.752 512l-90.496-90.496a32 32 0 0 1 45.248-45.248L512 466.752l90.496-90.496a32 32 0 1 1 45.248 45.248L557.248 512l90.496 90.496a32 32 0 1 1-45.248 45.248L512 557.248l-90.496 90.496a32 32 0 0 1-45.248-45.248L466.752 512z"%2F%3E%3Cpath fill="currentColor" d="M512 896a384 384 0 1 0 0-768a384 384 0 0 0 0 768zm0 64a448 448 0 1 1 0-896a448 448 0 0 1 0 896z"%2F%3E%3C%2Fsvg%3E') no-repeat;
          mask: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="m466.752 512l-90.496-90.496a32 32 0 0 1 45.248-45.248L512 466.752l90.496-90.496a32 32 0 1 1 45.248 45.248L557.248 512l90.496 90.496a32 32 0 1 1-45.248 45.248L512 557.248l-90.496 90.496a32 32 0 0 1-45.248-45.248L466.752 512z"%2F%3E%3Cpath fill="currentColor" d="M512 896a384 384 0 1 0 0-768a384 384 0 0 0 0 768zm0 64a448 448 0 1 1 0-896a448 448 0 0 1 0 896z"%2F%3E%3C%2Fsvg%3E') no-repeat;
  -webkit-mask-size: 100% 100%;
          mask-size: 100% 100%;
}
.vft-date-time-select .vft-scrollbar {
  overflow: visible;
}
.vft-date-time-select .icon-check {
  width: 1em;
  height: 1em;
  background-color: currentcolor;
  -webkit-mask: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="M406.656 706.944L195.84 496.256a32 32 0 1 0-45.248 45.248l256 256l512-512a32 32 0 0 0-45.248-45.248L406.592 706.944z"%2F%3E%3C%2Fsvg%3E') no-repeat;
          mask: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="M406.656 706.944L195.84 496.256a32 32 0 1 0-45.248 45.248l256 256l512-512a32 32 0 0 0-45.248-45.248L406.592 706.944z"%2F%3E%3C%2Fsvg%3E') no-repeat;
  -webkit-mask-size: 100% 100%;
          mask-size: 100% 100%;
}.vft-fade-in-linear-enter-active,
.vft-fade-in-linear-leave-active {
  transition: var(--vft-transition-fade-linear);
}

.vft-fade-in-linear-enter-from,
.vft-fade-in-linear-leave-to {
  opacity: 0;
}

.vft-fade-in-enter-active,
.vft-fade-in-leave-active {
  transition: all var(--vft-transition-duration) cubic-bezier(0.55, 0, 0.1, 1);
}

.vft-fade-in-enter-from,
.vft-fade-in-leave-active {
  opacity: 0;
}

.vft-zoom-in-center-enter-active,
.vft-zoom-in-center-leave-active {
  transition: all var(--vft-transition-duration) cubic-bezier(0.55, 0, 0.1, 1);
}

.vft-zoom-in-center-enter-from,
.vft-zoom-in-center-leave-active {
  transform: scaleX(0);
  opacity: 0;
}

.vft-zoom-in-top-enter-active,
.vft-zoom-in-top-leave-active {
  transition: var(--vft-transition-md-fade);
  transform: scaleY(1);
  transform-origin: center top;
  opacity: 1;
}
.vft-zoom-in-top-enter-active[data-popper-placement^=top],
.vft-zoom-in-top-leave-active[data-popper-placement^=top] {
  transform-origin: center bottom;
}

.vft-zoom-in-top-enter-from,
.vft-zoom-in-top-leave-active {
  transform: scaleY(0);
  opacity: 0;
}

.vft-zoom-in-top-fast-enter-active {
  transition: var(--vft-transition-md-fade);
  transform: scaleY(1);
  transform-origin: center top;
  opacity: 1;
}
.vft-zoom-in-top-fast-enter-active[data-popper-placement^=top] {
  transform-origin: center bottom;
}

.vft-zoom-in-top-fast-leave-active {
  transform: scaleY(1);
  transform-origin: center top;
  opacity: 1;
}
.vft-zoom-in-top-fast-leave-active[data-popper-placement^=top] {
  transform-origin: center bottom;
}

.vft-zoom-in-top-fast-enter-from,
.vft-zoom-in-top-fast-leave-active {
  transform: scaleY(0);
  opacity: 0;
}

.vft-zoom-in-bottom-enter-active,
.vft-zoom-in-bottom-leave-active {
  transform: scaleY(1);
  transform-origin: center bottom;
  transition: var(--vft-transition-md-fade);
  opacity: 1;
}

.vft-zoom-in-bottom-enter-from,
.vft-zoom-in-bottom-leave-active {
  transform: scaleY(0);
  opacity: 0;
}

.vft-zoom-in-left-enter-active,
.vft-zoom-in-left-leave-active {
  transform: scale(1, 1);
  transform-origin: top left;
  transition: var(--vft-transition-md-fade);
  opacity: 1;
}

.vft-zoom-in-left-enter-from,
.vft-zoom-in-left-leave-active {
  transform: scale(0.45, 0.45);
  opacity: 0;
}

.collapse-transition {
  transition: var(--vft-transition-duration) height ease-in-out, var(--vft-transition-duration) padding-top ease-in-out, var(--vft-transition-duration) padding-bottom ease-in-out;
}

.vft-collapse-transition-leave-active,
.vft-collapse-transition-enter-active {
  transition: var(--vft-transition-duration) max-height ease-in-out, var(--vft-transition-duration) padding-top ease-in-out, var(--vft-transition-duration) padding-bottom ease-in-out;
}

.horizontal-collapse-transition {
  transition: var(--vft-transition-duration) width ease-in-out, var(--vft-transition-duration) padding-left ease-in-out, var(--vft-transition-duration) padding-right ease-in-out;
}

.vft-list-enter-active,
.vft-list-leave-active {
  transition: all 1s;
}

.vft-list-enter-from,
.vft-list-leave-to {
  transform: translateY(-1.875rem);
  opacity: 0;
}

.vft-list-leave-active {
  position: absolute !important;
}

.vft-opacity-transition {
  transition: opacity var(--vft-transition-duration) cubic-bezier(0.55, 0, 0.1, 1);
}

@keyframes vft-rotate {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes vft-loading-dot {
  33% {
    transform: translateY(-2em);
  }
  66% {
    transform: translateY(-1em);
  }
}
:root {
  --vft-horizontal-menu-tile-width: 90vw;
  --vft-horizontal-menu-tile-height: 25rem;
  --vft-horizontal-menu-tile-padding: 1.5rem 0.625rem 1.5rem 1.5rem;
  --vft-horizontal-menu-tile-content-gap-y: 1.25rem;
  --vft-horizontal-menu-tile-content-col-item-gap: 0.75rem 0.25rem;
  --vft-horizontal-menu-tile-content-col-gap-y: 2.5rem;
}

.vft-horizontal-menu {
  height: 100%;
}
.vft-horizontal-menu__normal {
  border-radius: var(--vft-popper-border-radius);
}
.vft-horizontal-menu__normal .vft-menu--popup {
  box-shadow: var(--vft-box-shadow);
}

.vft-horizontal-menu__tile {
  border-radius: var(--vft-popper-border-radius);
  width: var(--vft-horizontal-menu-tile-width);
  height: var(--vft-horizontal-menu-tile-height);
  padding: var(--vft-horizontal-menu-tile-padding);
  box-shadow: var(--vft-box-shadow);
}
.vft-horizontal-menu__tile .vft-menu {
  height: 100%;
  display: flex;
  flex: 1 1 0;
  box-shadow: none;
  overflow: auto;
  overflow: overlay;
  scrollbar-gutter: stable;
}
.vft-horizontal-menu__tile .vft-menu .vft-menu-popup-item {
  line-height: 1;
  height: 100%;
  padding: 0;
}
.vft-horizontal-menu__tile .vft-menu .vft-menu-popup-item:hover {
  background: inherit;
}
.vft-horizontal-menu__tile .vft-menu .content-main:not(:last-child) {
  margin-right: var(--vft-horizontal-menu-tile-content-gap-y);
}
.vft-horizontal-menu__tile .vft-menu .content-main:last-child {
  margin-right: 0.9375rem;
}
.vft-horizontal-menu__tile .vft-menu .content-main .content-col {
  padding-bottom: var(--vft-horizontal-menu-tile-content-col-gap-y);
}
.vft-horizontal-menu__tile .vft-menu .content-main .title {
  font-weight: bold;
  font-size: 0.875rem;
  line-height: 0.875rem;
}
.vft-horizontal-menu__tile .vft-menu .content-main .content {
  margin-top: 1rem;
  display: grid;
  grid-auto-flow: column;
  gap: var(--vft-horizontal-menu-tile-content-col-item-gap);
  position: relative;
  grid-auto-columns: var(--vft-menu-item-min-width);
}

.vft-horizontal-menu .vft-menu-no-popup-item.is-active {
  background-color: var(--vft-menu-no-popup-active-bg-color) !important;
}.vft-fade-in-linear-enter-active,
.vft-fade-in-linear-leave-active {
  transition: var(--vft-transition-fade-linear);
}

.vft-fade-in-linear-enter-from,
.vft-fade-in-linear-leave-to {
  opacity: 0;
}

.vft-fade-in-enter-active,
.vft-fade-in-leave-active {
  transition: all var(--vft-transition-duration) cubic-bezier(0.55, 0, 0.1, 1);
}

.vft-fade-in-enter-from,
.vft-fade-in-leave-active {
  opacity: 0;
}

.vft-zoom-in-center-enter-active,
.vft-zoom-in-center-leave-active {
  transition: all var(--vft-transition-duration) cubic-bezier(0.55, 0, 0.1, 1);
}

.vft-zoom-in-center-enter-from,
.vft-zoom-in-center-leave-active {
  transform: scaleX(0);
  opacity: 0;
}

.vft-zoom-in-top-enter-active,
.vft-zoom-in-top-leave-active {
  transition: var(--vft-transition-md-fade);
  transform: scaleY(1);
  transform-origin: center top;
  opacity: 1;
}
.vft-zoom-in-top-enter-active[data-popper-placement^=top],
.vft-zoom-in-top-leave-active[data-popper-placement^=top] {
  transform-origin: center bottom;
}

.vft-zoom-in-top-enter-from,
.vft-zoom-in-top-leave-active {
  transform: scaleY(0);
  opacity: 0;
}

.vft-zoom-in-top-fast-enter-active {
  transition: var(--vft-transition-md-fade);
  transform: scaleY(1);
  transform-origin: center top;
  opacity: 1;
}
.vft-zoom-in-top-fast-enter-active[data-popper-placement^=top] {
  transform-origin: center bottom;
}

.vft-zoom-in-top-fast-leave-active {
  transform: scaleY(1);
  transform-origin: center top;
  opacity: 1;
}
.vft-zoom-in-top-fast-leave-active[data-popper-placement^=top] {
  transform-origin: center bottom;
}

.vft-zoom-in-top-fast-enter-from,
.vft-zoom-in-top-fast-leave-active {
  transform: scaleY(0);
  opacity: 0;
}

.vft-zoom-in-bottom-enter-active,
.vft-zoom-in-bottom-leave-active {
  transform: scaleY(1);
  transform-origin: center bottom;
  transition: var(--vft-transition-md-fade);
  opacity: 1;
}

.vft-zoom-in-bottom-enter-from,
.vft-zoom-in-bottom-leave-active {
  transform: scaleY(0);
  opacity: 0;
}

.vft-zoom-in-left-enter-active,
.vft-zoom-in-left-leave-active {
  transform: scale(1, 1);
  transform-origin: top left;
  transition: var(--vft-transition-md-fade);
  opacity: 1;
}

.vft-zoom-in-left-enter-from,
.vft-zoom-in-left-leave-active {
  transform: scale(0.45, 0.45);
  opacity: 0;
}

.collapse-transition {
  transition: var(--vft-transition-duration) height ease-in-out, var(--vft-transition-duration) padding-top ease-in-out, var(--vft-transition-duration) padding-bottom ease-in-out;
}

.vft-collapse-transition-leave-active,
.vft-collapse-transition-enter-active {
  transition: var(--vft-transition-duration) max-height ease-in-out, var(--vft-transition-duration) padding-top ease-in-out, var(--vft-transition-duration) padding-bottom ease-in-out;
}

.horizontal-collapse-transition {
  transition: var(--vft-transition-duration) width ease-in-out, var(--vft-transition-duration) padding-left ease-in-out, var(--vft-transition-duration) padding-right ease-in-out;
}

.vft-list-enter-active,
.vft-list-leave-active {
  transition: all 1s;
}

.vft-list-enter-from,
.vft-list-leave-to {
  transform: translateY(-1.875rem);
  opacity: 0;
}

.vft-list-leave-active {
  position: absolute !important;
}

.vft-opacity-transition {
  transition: opacity var(--vft-transition-duration) cubic-bezier(0.55, 0, 0.1, 1);
}

@keyframes vft-rotate {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes vft-loading-dot {
  33% {
    transform: translateY(-2em);
  }
  66% {
    transform: translateY(-1em);
  }
}
:root {
  --vft-footer-layout-bg-color: var(--sidebar-primary);
  --vft-footer-layout-border-top: var(--vft-border);
  --vft-footer-layout-left: var(--vft-menu-width);
  --vft-footer-layout-height: 1.875rem;
  --vft-footer-layout-left-min-width: 37.5rem;
  --vft-footer-layout-right-min-width: 12.5rem;
  --vft-footer-layout-z-index: 10;
}

.vft-footer-layout {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-top: var(--vft-footer-layout-border-top);
  background-color: var(--vft-footer-layout-bg-color);
}
.vft-footer-layout__left {
  min-width: var(--vft-footer-layout-left-min-width);
}

.vft-footer-layout__right {
  min-width: var(--vft-footer-layout-right-min-width);
}

.vft-footer-layout.vft-footer {
  height: var(--vft-footer-layout-height);
}.vft-fade-in-linear-enter-active,
.vft-fade-in-linear-leave-active {
  transition: var(--vft-transition-fade-linear);
}

.vft-fade-in-linear-enter-from,
.vft-fade-in-linear-leave-to {
  opacity: 0;
}

.vft-fade-in-enter-active,
.vft-fade-in-leave-active {
  transition: all var(--vft-transition-duration) cubic-bezier(0.55, 0, 0.1, 1);
}

.vft-fade-in-enter-from,
.vft-fade-in-leave-active {
  opacity: 0;
}

.vft-zoom-in-center-enter-active,
.vft-zoom-in-center-leave-active {
  transition: all var(--vft-transition-duration) cubic-bezier(0.55, 0, 0.1, 1);
}

.vft-zoom-in-center-enter-from,
.vft-zoom-in-center-leave-active {
  transform: scaleX(0);
  opacity: 0;
}

.vft-zoom-in-top-enter-active,
.vft-zoom-in-top-leave-active {
  transition: var(--vft-transition-md-fade);
  transform: scaleY(1);
  transform-origin: center top;
  opacity: 1;
}
.vft-zoom-in-top-enter-active[data-popper-placement^=top],
.vft-zoom-in-top-leave-active[data-popper-placement^=top] {
  transform-origin: center bottom;
}

.vft-zoom-in-top-enter-from,
.vft-zoom-in-top-leave-active {
  transform: scaleY(0);
  opacity: 0;
}

.vft-zoom-in-top-fast-enter-active {
  transition: var(--vft-transition-md-fade);
  transform: scaleY(1);
  transform-origin: center top;
  opacity: 1;
}
.vft-zoom-in-top-fast-enter-active[data-popper-placement^=top] {
  transform-origin: center bottom;
}

.vft-zoom-in-top-fast-leave-active {
  transform: scaleY(1);
  transform-origin: center top;
  opacity: 1;
}
.vft-zoom-in-top-fast-leave-active[data-popper-placement^=top] {
  transform-origin: center bottom;
}

.vft-zoom-in-top-fast-enter-from,
.vft-zoom-in-top-fast-leave-active {
  transform: scaleY(0);
  opacity: 0;
}

.vft-zoom-in-bottom-enter-active,
.vft-zoom-in-bottom-leave-active {
  transform: scaleY(1);
  transform-origin: center bottom;
  transition: var(--vft-transition-md-fade);
  opacity: 1;
}

.vft-zoom-in-bottom-enter-from,
.vft-zoom-in-bottom-leave-active {
  transform: scaleY(0);
  opacity: 0;
}

.vft-zoom-in-left-enter-active,
.vft-zoom-in-left-leave-active {
  transform: scale(1, 1);
  transform-origin: top left;
  transition: var(--vft-transition-md-fade);
  opacity: 1;
}

.vft-zoom-in-left-enter-from,
.vft-zoom-in-left-leave-active {
  transform: scale(0.45, 0.45);
  opacity: 0;
}

.collapse-transition {
  transition: var(--vft-transition-duration) height ease-in-out, var(--vft-transition-duration) padding-top ease-in-out, var(--vft-transition-duration) padding-bottom ease-in-out;
}

.vft-collapse-transition-leave-active,
.vft-collapse-transition-enter-active {
  transition: var(--vft-transition-duration) max-height ease-in-out, var(--vft-transition-duration) padding-top ease-in-out, var(--vft-transition-duration) padding-bottom ease-in-out;
}

.horizontal-collapse-transition {
  transition: var(--vft-transition-duration) width ease-in-out, var(--vft-transition-duration) padding-left ease-in-out, var(--vft-transition-duration) padding-right ease-in-out;
}

.vft-list-enter-active,
.vft-list-leave-active {
  transition: all 1s;
}

.vft-list-enter-from,
.vft-list-leave-to {
  transform: translateY(-1.875rem);
  opacity: 0;
}

.vft-list-leave-active {
  position: absolute !important;
}

.vft-opacity-transition {
  transition: opacity var(--vft-transition-duration) cubic-bezier(0.55, 0, 0.1, 1);
}

@keyframes vft-rotate {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes vft-loading-dot {
  33% {
    transform: translateY(-2em);
  }
  66% {
    transform: translateY(-1em);
  }
}
:root {
  --vft-full-screen-color: var(--vft-text-primary-color);
  --vft-full-screen-hover-color: var(--vft-primary-color);
  --vft-full-screen-font-size: var(--vft-font-size-extra-small);
}

.vft-full-screen {
  display: flex;
  align-items: center;
  transition: var(--vft-transition-color);
  color: var(--vft-full-screen-color);
  font-size: var(--vft-full-screen-font-size);
}
.vft-full-screen .vft-icon {
  margin-right: 0.125rem;
}
.vft-full-screen:hover {
  color: var(--vft-full-screen-hover-color);
}
.vft-full-screen .icon-full-screen {
  width: 1em;
  height: 1em;
  background-color: currentcolor;
  -webkit-mask: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="15" height="15" viewBox="0 0 15 15"%3E%3Cpath fill="currentColor" fill-rule="evenodd" d="M2 2.5a.5.5 0 0 1 .5-.5h3a.5.5 0 0 1 0 1H3v2.5a.5.5 0 0 1-1 0v-3Zm7 0a.5.5 0 0 1 .5-.5h3a.5.5 0 0 1 .5.5v3a.5.5 0 0 1-1 0V3H9.5a.5.5 0 0 1-.5-.5ZM2.5 9a.5.5 0 0 1 .5.5V12h2.5a.5.5 0 0 1 0 1h-3a.5.5 0 0 1-.5-.5v-3a.5.5 0 0 1 .5-.5Zm10 0a.5.5 0 0 1 .5.5v3a.5.5 0 0 1-.5.5h-3a.5.5 0 0 1 0-1H12V9.5a.5.5 0 0 1 .5-.5Z" clip-rule="evenodd"%2F%3E%3C%2Fsvg%3E') no-repeat;
          mask: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="15" height="15" viewBox="0 0 15 15"%3E%3Cpath fill="currentColor" fill-rule="evenodd" d="M2 2.5a.5.5 0 0 1 .5-.5h3a.5.5 0 0 1 0 1H3v2.5a.5.5 0 0 1-1 0v-3Zm7 0a.5.5 0 0 1 .5-.5h3a.5.5 0 0 1 .5.5v3a.5.5 0 0 1-1 0V3H9.5a.5.5 0 0 1-.5-.5ZM2.5 9a.5.5 0 0 1 .5.5V12h2.5a.5.5 0 0 1 0 1h-3a.5.5 0 0 1-.5-.5v-3a.5.5 0 0 1 .5-.5Zm10 0a.5.5 0 0 1 .5.5v3a.5.5 0 0 1-.5.5h-3a.5.5 0 0 1 0-1H12V9.5a.5.5 0 0 1 .5-.5Z" clip-rule="evenodd"%2F%3E%3C%2Fsvg%3E') no-repeat;
  -webkit-mask-size: 100% 100%;
          mask-size: 100% 100%;
}
.vft-full-screen .icon-exit-full-screen {
  width: 1em;
  height: 1em;
  background-color: currentcolor;
  -webkit-mask: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="15" height="15" viewBox="0 0 15 15"%3E%3Cpath fill="currentColor" fill-rule="evenodd" d="M5.5 2a.5.5 0 0 1 .5.5v3a.5.5 0 0 1-.5.5h-3a.5.5 0 0 1 0-1H5V2.5a.5.5 0 0 1 .5-.5Zm4 0a.5.5 0 0 1 .5.5V5h2.5a.5.5 0 0 1 0 1h-3a.5.5 0 0 1-.5-.5v-3a.5.5 0 0 1 .5-.5ZM2 9.5a.5.5 0 0 1 .5-.5h3a.5.5 0 0 1 .5.5v3a.5.5 0 0 1-1 0V10H2.5a.5.5 0 0 1-.5-.5Zm7 0a.5.5 0 0 1 .5-.5h3a.5.5 0 0 1 0 1H10v2.5a.5.5 0 0 1-1 0v-3Z" clip-rule="evenodd"%2F%3E%3C%2Fsvg%3E') no-repeat;
          mask: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="15" height="15" viewBox="0 0 15 15"%3E%3Cpath fill="currentColor" fill-rule="evenodd" d="M5.5 2a.5.5 0 0 1 .5.5v3a.5.5 0 0 1-.5.5h-3a.5.5 0 0 1 0-1H5V2.5a.5.5 0 0 1 .5-.5Zm4 0a.5.5 0 0 1 .5.5V5h2.5a.5.5 0 0 1 0 1h-3a.5.5 0 0 1-.5-.5v-3a.5.5 0 0 1 .5-.5ZM2 9.5a.5.5 0 0 1 .5-.5h3a.5.5 0 0 1 .5.5v3a.5.5 0 0 1-1 0V10H2.5a.5.5 0 0 1-.5-.5Zm7 0a.5.5 0 0 1 .5-.5h3a.5.5 0 0 1 0 1H10v2.5a.5.5 0 0 1-1 0v-3Z" clip-rule="evenodd"%2F%3E%3C%2Fsvg%3E') no-repeat;
  -webkit-mask-size: 100% 100%;
          mask-size: 100% 100%;
}.vft-fade-in-linear-enter-active,
.vft-fade-in-linear-leave-active {
  transition: var(--vft-transition-fade-linear);
}

.vft-fade-in-linear-enter-from,
.vft-fade-in-linear-leave-to {
  opacity: 0;
}

.vft-fade-in-enter-active,
.vft-fade-in-leave-active {
  transition: all var(--vft-transition-duration) cubic-bezier(0.55, 0, 0.1, 1);
}

.vft-fade-in-enter-from,
.vft-fade-in-leave-active {
  opacity: 0;
}

.vft-zoom-in-center-enter-active,
.vft-zoom-in-center-leave-active {
  transition: all var(--vft-transition-duration) cubic-bezier(0.55, 0, 0.1, 1);
}

.vft-zoom-in-center-enter-from,
.vft-zoom-in-center-leave-active {
  transform: scaleX(0);
  opacity: 0;
}

.vft-zoom-in-top-enter-active,
.vft-zoom-in-top-leave-active {
  transition: var(--vft-transition-md-fade);
  transform: scaleY(1);
  transform-origin: center top;
  opacity: 1;
}
.vft-zoom-in-top-enter-active[data-popper-placement^=top],
.vft-zoom-in-top-leave-active[data-popper-placement^=top] {
  transform-origin: center bottom;
}

.vft-zoom-in-top-enter-from,
.vft-zoom-in-top-leave-active {
  transform: scaleY(0);
  opacity: 0;
}

.vft-zoom-in-top-fast-enter-active {
  transition: var(--vft-transition-md-fade);
  transform: scaleY(1);
  transform-origin: center top;
  opacity: 1;
}
.vft-zoom-in-top-fast-enter-active[data-popper-placement^=top] {
  transform-origin: center bottom;
}

.vft-zoom-in-top-fast-leave-active {
  transform: scaleY(1);
  transform-origin: center top;
  opacity: 1;
}
.vft-zoom-in-top-fast-leave-active[data-popper-placement^=top] {
  transform-origin: center bottom;
}

.vft-zoom-in-top-fast-enter-from,
.vft-zoom-in-top-fast-leave-active {
  transform: scaleY(0);
  opacity: 0;
}

.vft-zoom-in-bottom-enter-active,
.vft-zoom-in-bottom-leave-active {
  transform: scaleY(1);
  transform-origin: center bottom;
  transition: var(--vft-transition-md-fade);
  opacity: 1;
}

.vft-zoom-in-bottom-enter-from,
.vft-zoom-in-bottom-leave-active {
  transform: scaleY(0);
  opacity: 0;
}

.vft-zoom-in-left-enter-active,
.vft-zoom-in-left-leave-active {
  transform: scale(1, 1);
  transform-origin: top left;
  transition: var(--vft-transition-md-fade);
  opacity: 1;
}

.vft-zoom-in-left-enter-from,
.vft-zoom-in-left-leave-active {
  transform: scale(0.45, 0.45);
  opacity: 0;
}

.collapse-transition {
  transition: var(--vft-transition-duration) height ease-in-out, var(--vft-transition-duration) padding-top ease-in-out, var(--vft-transition-duration) padding-bottom ease-in-out;
}

.vft-collapse-transition-leave-active,
.vft-collapse-transition-enter-active {
  transition: var(--vft-transition-duration) max-height ease-in-out, var(--vft-transition-duration) padding-top ease-in-out, var(--vft-transition-duration) padding-bottom ease-in-out;
}

.horizontal-collapse-transition {
  transition: var(--vft-transition-duration) width ease-in-out, var(--vft-transition-duration) padding-left ease-in-out, var(--vft-transition-duration) padding-right ease-in-out;
}

.vft-list-enter-active,
.vft-list-leave-active {
  transition: all 1s;
}

.vft-list-enter-from,
.vft-list-leave-to {
  transform: translateY(-1.875rem);
  opacity: 0;
}

.vft-list-leave-active {
  position: absolute !important;
}

.vft-opacity-transition {
  transition: opacity var(--vft-transition-duration) cubic-bezier(0.55, 0, 0.1, 1);
}

@keyframes vft-rotate {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes vft-loading-dot {
  33% {
    transform: translateY(-2em);
  }
  66% {
    transform: translateY(-1em);
  }
}
.vft-iframe-layout {
  position: relative;
  width: 100%;
  height: 100%;
}

.vft-iframe-page {
  display: block;
  width: 100%;
  height: 100%;
  border: none;
}.vft-fade-in-linear-enter-active,
.vft-fade-in-linear-leave-active {
  transition: var(--vft-transition-fade-linear);
}

.vft-fade-in-linear-enter-from,
.vft-fade-in-linear-leave-to {
  opacity: 0;
}

.vft-fade-in-enter-active,
.vft-fade-in-leave-active {
  transition: all var(--vft-transition-duration) cubic-bezier(0.55, 0, 0.1, 1);
}

.vft-fade-in-enter-from,
.vft-fade-in-leave-active {
  opacity: 0;
}

.vft-zoom-in-center-enter-active,
.vft-zoom-in-center-leave-active {
  transition: all var(--vft-transition-duration) cubic-bezier(0.55, 0, 0.1, 1);
}

.vft-zoom-in-center-enter-from,
.vft-zoom-in-center-leave-active {
  transform: scaleX(0);
  opacity: 0;
}

.vft-zoom-in-top-enter-active,
.vft-zoom-in-top-leave-active {
  transition: var(--vft-transition-md-fade);
  transform: scaleY(1);
  transform-origin: center top;
  opacity: 1;
}
.vft-zoom-in-top-enter-active[data-popper-placement^=top],
.vft-zoom-in-top-leave-active[data-popper-placement^=top] {
  transform-origin: center bottom;
}

.vft-zoom-in-top-enter-from,
.vft-zoom-in-top-leave-active {
  transform: scaleY(0);
  opacity: 0;
}

.vft-zoom-in-top-fast-enter-active {
  transition: var(--vft-transition-md-fade);
  transform: scaleY(1);
  transform-origin: center top;
  opacity: 1;
}
.vft-zoom-in-top-fast-enter-active[data-popper-placement^=top] {
  transform-origin: center bottom;
}

.vft-zoom-in-top-fast-leave-active {
  transform: scaleY(1);
  transform-origin: center top;
  opacity: 1;
}
.vft-zoom-in-top-fast-leave-active[data-popper-placement^=top] {
  transform-origin: center bottom;
}

.vft-zoom-in-top-fast-enter-from,
.vft-zoom-in-top-fast-leave-active {
  transform: scaleY(0);
  opacity: 0;
}

.vft-zoom-in-bottom-enter-active,
.vft-zoom-in-bottom-leave-active {
  transform: scaleY(1);
  transform-origin: center bottom;
  transition: var(--vft-transition-md-fade);
  opacity: 1;
}

.vft-zoom-in-bottom-enter-from,
.vft-zoom-in-bottom-leave-active {
  transform: scaleY(0);
  opacity: 0;
}

.vft-zoom-in-left-enter-active,
.vft-zoom-in-left-leave-active {
  transform: scale(1, 1);
  transform-origin: top left;
  transition: var(--vft-transition-md-fade);
  opacity: 1;
}

.vft-zoom-in-left-enter-from,
.vft-zoom-in-left-leave-active {
  transform: scale(0.45, 0.45);
  opacity: 0;
}

.collapse-transition {
  transition: var(--vft-transition-duration) height ease-in-out, var(--vft-transition-duration) padding-top ease-in-out, var(--vft-transition-duration) padding-bottom ease-in-out;
}

.vft-collapse-transition-leave-active,
.vft-collapse-transition-enter-active {
  transition: var(--vft-transition-duration) max-height ease-in-out, var(--vft-transition-duration) padding-top ease-in-out, var(--vft-transition-duration) padding-bottom ease-in-out;
}

.horizontal-collapse-transition {
  transition: var(--vft-transition-duration) width ease-in-out, var(--vft-transition-duration) padding-left ease-in-out, var(--vft-transition-duration) padding-right ease-in-out;
}

.vft-list-enter-active,
.vft-list-leave-active {
  transition: all 1s;
}

.vft-list-enter-from,
.vft-list-leave-to {
  transform: translateY(-1.875rem);
  opacity: 0;
}

.vft-list-leave-active {
  position: absolute !important;
}

.vft-opacity-transition {
  transition: opacity var(--vft-transition-duration) cubic-bezier(0.55, 0, 0.1, 1);
}

@keyframes vft-rotate {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes vft-loading-dot {
  33% {
    transform: translateY(-2em);
  }
  66% {
    transform: translateY(-1em);
  }
}.vft-fade-in-linear-enter-active,
.vft-fade-in-linear-leave-active {
  transition: var(--vft-transition-fade-linear);
}

.vft-fade-in-linear-enter-from,
.vft-fade-in-linear-leave-to {
  opacity: 0;
}

.vft-fade-in-enter-active,
.vft-fade-in-leave-active {
  transition: all var(--vft-transition-duration) cubic-bezier(0.55, 0, 0.1, 1);
}

.vft-fade-in-enter-from,
.vft-fade-in-leave-active {
  opacity: 0;
}

.vft-zoom-in-center-enter-active,
.vft-zoom-in-center-leave-active {
  transition: all var(--vft-transition-duration) cubic-bezier(0.55, 0, 0.1, 1);
}

.vft-zoom-in-center-enter-from,
.vft-zoom-in-center-leave-active {
  transform: scaleX(0);
  opacity: 0;
}

.vft-zoom-in-top-enter-active,
.vft-zoom-in-top-leave-active {
  transition: var(--vft-transition-md-fade);
  transform: scaleY(1);
  transform-origin: center top;
  opacity: 1;
}
.vft-zoom-in-top-enter-active[data-popper-placement^=top],
.vft-zoom-in-top-leave-active[data-popper-placement^=top] {
  transform-origin: center bottom;
}

.vft-zoom-in-top-enter-from,
.vft-zoom-in-top-leave-active {
  transform: scaleY(0);
  opacity: 0;
}

.vft-zoom-in-top-fast-enter-active {
  transition: var(--vft-transition-md-fade);
  transform: scaleY(1);
  transform-origin: center top;
  opacity: 1;
}
.vft-zoom-in-top-fast-enter-active[data-popper-placement^=top] {
  transform-origin: center bottom;
}

.vft-zoom-in-top-fast-leave-active {
  transform: scaleY(1);
  transform-origin: center top;
  opacity: 1;
}
.vft-zoom-in-top-fast-leave-active[data-popper-placement^=top] {
  transform-origin: center bottom;
}

.vft-zoom-in-top-fast-enter-from,
.vft-zoom-in-top-fast-leave-active {
  transform: scaleY(0);
  opacity: 0;
}

.vft-zoom-in-bottom-enter-active,
.vft-zoom-in-bottom-leave-active {
  transform: scaleY(1);
  transform-origin: center bottom;
  transition: var(--vft-transition-md-fade);
  opacity: 1;
}

.vft-zoom-in-bottom-enter-from,
.vft-zoom-in-bottom-leave-active {
  transform: scaleY(0);
  opacity: 0;
}

.vft-zoom-in-left-enter-active,
.vft-zoom-in-left-leave-active {
  transform: scale(1, 1);
  transform-origin: top left;
  transition: var(--vft-transition-md-fade);
  opacity: 1;
}

.vft-zoom-in-left-enter-from,
.vft-zoom-in-left-leave-active {
  transform: scale(0.45, 0.45);
  opacity: 0;
}

.collapse-transition {
  transition: var(--vft-transition-duration) height ease-in-out, var(--vft-transition-duration) padding-top ease-in-out, var(--vft-transition-duration) padding-bottom ease-in-out;
}

.vft-collapse-transition-leave-active,
.vft-collapse-transition-enter-active {
  transition: var(--vft-transition-duration) max-height ease-in-out, var(--vft-transition-duration) padding-top ease-in-out, var(--vft-transition-duration) padding-bottom ease-in-out;
}

.horizontal-collapse-transition {
  transition: var(--vft-transition-duration) width ease-in-out, var(--vft-transition-duration) padding-left ease-in-out, var(--vft-transition-duration) padding-right ease-in-out;
}

.vft-list-enter-active,
.vft-list-leave-active {
  transition: all 1s;
}

.vft-list-enter-from,
.vft-list-leave-to {
  transform: translateY(-1.875rem);
  opacity: 0;
}

.vft-list-leave-active {
  position: absolute !important;
}

.vft-opacity-transition {
  transition: opacity var(--vft-transition-duration) cubic-bezier(0.55, 0, 0.1, 1);
}

@keyframes vft-rotate {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes vft-loading-dot {
  33% {
    transform: translateY(-2em);
  }
  66% {
    transform: translateY(-1em);
  }
}
:root {
  --vft-header-layout-height: 4.375rem;
  --vft-header-layout-top-height: 2.5rem;
  --vft-header-layout-bg-color: var(--main-primary);
  --vft-header-layout-left-min-width: 37.5rem;
  --vft-header-layout-z-index: 100;
  --vft-header-layout-color: white;
}

.vft-header-layout {
  z-index: var(--vft-header-layout-z-index);
  height: var(--vft-header-layout-height);
  background-color: var(--vft-header-layout-bg-color);
}
.vft-header-layout .vft-container {
  height: 100%;
}
.vft-header-layout__top-container {
  height: var(--vft-header-layout-top-height);
  overflow: visible;
}
.vft-header-layout__top-container.is-no-bottom {
  height: 100%;
}

.vft-header-layout__top-container .content {
  display: flex;
  justify-content: space-between;
  height: 100%;
}
.vft-header-layout__top-container .content .left {
  display: flex;
  align-items: center;
  min-width: var(--vft-header-layout-left-min-width);
}
.vft-header-layout__top-container .content .right {
  display: flex;
  align-items: center;
}

.vft-header-layout__footer {
  height: calc(var(--vft-header-layout-height) - var(--vft-header-layout-top-height));
}.vft-fade-in-linear-enter-active,
.vft-fade-in-linear-leave-active {
  transition: var(--vft-transition-fade-linear);
}

.vft-fade-in-linear-enter-from,
.vft-fade-in-linear-leave-to {
  opacity: 0;
}

.vft-fade-in-enter-active,
.vft-fade-in-leave-active {
  transition: all var(--vft-transition-duration) cubic-bezier(0.55, 0, 0.1, 1);
}

.vft-fade-in-enter-from,
.vft-fade-in-leave-active {
  opacity: 0;
}

.vft-zoom-in-center-enter-active,
.vft-zoom-in-center-leave-active {
  transition: all var(--vft-transition-duration) cubic-bezier(0.55, 0, 0.1, 1);
}

.vft-zoom-in-center-enter-from,
.vft-zoom-in-center-leave-active {
  transform: scaleX(0);
  opacity: 0;
}

.vft-zoom-in-top-enter-active,
.vft-zoom-in-top-leave-active {
  transition: var(--vft-transition-md-fade);
  transform: scaleY(1);
  transform-origin: center top;
  opacity: 1;
}
.vft-zoom-in-top-enter-active[data-popper-placement^=top],
.vft-zoom-in-top-leave-active[data-popper-placement^=top] {
  transform-origin: center bottom;
}

.vft-zoom-in-top-enter-from,
.vft-zoom-in-top-leave-active {
  transform: scaleY(0);
  opacity: 0;
}

.vft-zoom-in-top-fast-enter-active {
  transition: var(--vft-transition-md-fade);
  transform: scaleY(1);
  transform-origin: center top;
  opacity: 1;
}
.vft-zoom-in-top-fast-enter-active[data-popper-placement^=top] {
  transform-origin: center bottom;
}

.vft-zoom-in-top-fast-leave-active {
  transform: scaleY(1);
  transform-origin: center top;
  opacity: 1;
}
.vft-zoom-in-top-fast-leave-active[data-popper-placement^=top] {
  transform-origin: center bottom;
}

.vft-zoom-in-top-fast-enter-from,
.vft-zoom-in-top-fast-leave-active {
  transform: scaleY(0);
  opacity: 0;
}

.vft-zoom-in-bottom-enter-active,
.vft-zoom-in-bottom-leave-active {
  transform: scaleY(1);
  transform-origin: center bottom;
  transition: var(--vft-transition-md-fade);
  opacity: 1;
}

.vft-zoom-in-bottom-enter-from,
.vft-zoom-in-bottom-leave-active {
  transform: scaleY(0);
  opacity: 0;
}

.vft-zoom-in-left-enter-active,
.vft-zoom-in-left-leave-active {
  transform: scale(1, 1);
  transform-origin: top left;
  transition: var(--vft-transition-md-fade);
  opacity: 1;
}

.vft-zoom-in-left-enter-from,
.vft-zoom-in-left-leave-active {
  transform: scale(0.45, 0.45);
  opacity: 0;
}

.collapse-transition {
  transition: var(--vft-transition-duration) height ease-in-out, var(--vft-transition-duration) padding-top ease-in-out, var(--vft-transition-duration) padding-bottom ease-in-out;
}

.vft-collapse-transition-leave-active,
.vft-collapse-transition-enter-active {
  transition: var(--vft-transition-duration) max-height ease-in-out, var(--vft-transition-duration) padding-top ease-in-out, var(--vft-transition-duration) padding-bottom ease-in-out;
}

.horizontal-collapse-transition {
  transition: var(--vft-transition-duration) width ease-in-out, var(--vft-transition-duration) padding-left ease-in-out, var(--vft-transition-duration) padding-right ease-in-out;
}

.vft-list-enter-active,
.vft-list-leave-active {
  transition: all 1s;
}

.vft-list-enter-from,
.vft-list-leave-to {
  transform: translateY(-1.875rem);
  opacity: 0;
}

.vft-list-leave-active {
  position: absolute !important;
}

.vft-opacity-transition {
  transition: opacity var(--vft-transition-duration) cubic-bezier(0.55, 0, 0.1, 1);
}

@keyframes vft-rotate {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes vft-loading-dot {
  33% {
    transform: translateY(-2em);
  }
  66% {
    transform: translateY(-1em);
  }
}
:root {
  --vft-multiple-tabs-bg-color: var(--vft-header-layout-bg-color);
  --vft-multiple-tabs-height: 1.875rem;
}

.vft-multiple-tabs {
  height: var(--vft-multiple-tabs-height);
  background-color: var(--vft-multiple-tabs-bg-color);
}
.vft-multiple-tabs__title {
  overflow: hidden;
}

.vft-multiple-tabs .vft-tabs__header {
  margin-bottom: 0;
}
.vft-multiple-tabs .icon-expand {
  width: 1em;
  height: 1em;
  background-color: currentcolor;
  -webkit-mask: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="24" height="24" viewBox="0 0 24 24"%3E%3Cpath fill="%23000" d="m21 15.344l-2.121 2.121l-3.172-3.172l-1.414 1.414l3.172 3.172L15.344 21H21zM3 8.656l2.121-2.121l3.172 3.172l1.414-1.414l-3.172-3.172L8.656 3H3zM21 3h-5.656l2.121 2.121l-3.172 3.172l1.414 1.414l3.172-3.172L21 8.656zM3 21h5.656l-2.121-2.121l3.172-3.172l-1.414-1.414l-3.172 3.172L3 15.344z"%2F%3E%3C%2Fsvg%3E') no-repeat;
          mask: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="24" height="24" viewBox="0 0 24 24"%3E%3Cpath fill="%23000" d="m21 15.344l-2.121 2.121l-3.172-3.172l-1.414 1.414l3.172 3.172L15.344 21H21zM3 8.656l2.121-2.121l3.172 3.172l1.414-1.414l-3.172-3.172L8.656 3H3zM21 3h-5.656l2.121 2.121l-3.172 3.172l1.414 1.414l3.172-3.172L21 8.656zM3 21h5.656l-2.121-2.121l3.172-3.172l-1.414-1.414l-3.172 3.172L3 15.344z"%2F%3E%3C%2Fsvg%3E') no-repeat;
  -webkit-mask-size: 100% 100%;
          mask-size: 100% 100%;
}
.vft-multiple-tabs .icon-collapse {
  width: 1em;
  height: 1em;
  background-color: currentcolor;
  -webkit-mask: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="24" height="24" viewBox="0 0 24 24"%3E%3Cpath fill="%23000" d="M2 15h7v7h2v-9H2zM15 2h-2v9h9V9h-7z"%2F%3E%3C%2Fsvg%3E') no-repeat;
          mask: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="24" height="24" viewBox="0 0 24 24"%3E%3Cpath fill="%23000" d="M2 15h7v7h2v-9H2zM15 2h-2v9h9V9h-7z"%2F%3E%3C%2Fsvg%3E') no-repeat;
  -webkit-mask-size: 100% 100%;
          mask-size: 100% 100%;
}
.vft-multiple-tabs .nav-right {
  display: flex;
  align-items: center;
  width: auto;
  height: -webkit-fill-available;
  border-left: 0.0625rem solid var(--vft-tabs-nav-color);
}
.vft-multiple-tabs__nav-right {
  display: flex;
  align-items: center;
  padding: 0 0.625rem;
}
.vft-multiple-tabs__nav-right .vft-icon {
  color: rgba(var(--vft-reverse-color-rgb), 0.5);
}
.vft-multiple-tabs__nav-right .vft-icon:not(:last-child) {
  margin-right: 0.3125rem;
}
.vft-multiple-tabs__nav-right .vft-icon:hover {
  color: rgba(var(--vft-reverse-color-rgb), 1);
}

.vft-multiple-tabs .nav-right::after {
  content: "";
  display: inline-block;
  position: absolute;
  bottom: -0.0625rem;
  width: 100%;
  height: 0.0625rem;
  background: var(--vft-tabs-nav-color);
  background-size: 0.5rem 0.5rem;
}

.icon-refresh-right {
  width: 1em;
  height: 1em;
  background-color: currentcolor;
  -webkit-mask: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="M784.512 230.272v-50.56a32 32 0 1 1 64 0v149.056a32 32 0 0 1-32 32H667.52a32 32 0 1 1 0-64h92.992A320 320 0 1 0 524.8 833.152a320 320 0 0 0 320-320h64a384 384 0 0 1-384 384a384 384 0 0 1-384-384a384 384 0 0 1 643.712-282.88z"%2F%3E%3C%2Fsvg%3E') no-repeat;
          mask: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="M784.512 230.272v-50.56a32 32 0 1 1 64 0v149.056a32 32 0 0 1-32 32H667.52a32 32 0 1 1 0-64h92.992A320 320 0 1 0 524.8 833.152a320 320 0 0 0 320-320h64a384 384 0 0 1-384 384a384 384 0 0 1-384-384a384 384 0 0 1 643.712-282.88z"%2F%3E%3C%2Fsvg%3E') no-repeat;
  -webkit-mask-size: 100% 100%;
          mask-size: 100% 100%;
}

.icon-new-tab {
  width: 1em;
  height: 1em;
  background-color: currentcolor;
  -webkit-mask: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="32" height="32" viewBox="0 0 32 32"%3E%3Cdefs%3E%3Cpath id="carbonNewTab0" fill="currentColor" d="M26 26H6V6h10V4H6a2.002 2.002 0 0 0-2 2v20a2.002 2.002 0 0 0 2 2h20a2.002 2.002 0 0 0 2-2V16h-2Z"%2F%3E%3C%2Fdefs%3E%3Cuse href="%23carbonNewTab0"%2F%3E%3Cuse href="%23carbonNewTab0"%2F%3E%3Cpath fill="currentColor" d="M26 6V2h-2v4h-4v2h4v4h2V8h4V6h-4z"%2F%3E%3C%2Fsvg%3E') no-repeat;
          mask: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="32" height="32" viewBox="0 0 32 32"%3E%3Cdefs%3E%3Cpath id="carbonNewTab0" fill="currentColor" d="M26 26H6V6h10V4H6a2.002 2.002 0 0 0-2 2v20a2.002 2.002 0 0 0 2 2h20a2.002 2.002 0 0 0 2-2V16h-2Z"%2F%3E%3C%2Fdefs%3E%3Cuse href="%23carbonNewTab0"%2F%3E%3Cuse href="%23carbonNewTab0"%2F%3E%3Cpath fill="currentColor" d="M26 6V2h-2v4h-4v2h4v4h2V8h4V6h-4z"%2F%3E%3C%2Fsvg%3E') no-repeat;
  -webkit-mask-size: 100% 100%;
          mask-size: 100% 100%;
}

.icon-close-tab {
  width: 1em;
  height: 1em;
  background-color: currentcolor;
  -webkit-mask: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="20" height="20" viewBox="0 0 20 20"%3E%3Cpath fill="currentColor" d="M10 8.586L2.929 1.515L1.515 2.929L8.586 10l-7.071 7.071l1.414 1.414L10 11.414l7.071 7.071l1.414-1.414L11.414 10l7.071-7.071l-1.414-1.414L10 8.586z"%2F%3E%3C%2Fsvg%3E') no-repeat;
          mask: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="20" height="20" viewBox="0 0 20 20"%3E%3Cpath fill="currentColor" d="M10 8.586L2.929 1.515L1.515 2.929L8.586 10l-7.071 7.071l1.414 1.414L10 11.414l7.071 7.071l1.414-1.414L11.414 10l7.071-7.071l-1.414-1.414L10 8.586z"%2F%3E%3C%2Fsvg%3E') no-repeat;
  -webkit-mask-size: 100% 100%;
          mask-size: 100% 100%;
}

.icon-arrow-close-left {
  width: 1em;
  height: 1em;
  background-color: currentcolor;
  -webkit-mask: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="24" height="24" viewBox="0 0 24 24"%3E%3Cg fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"%3E%3Cpath stroke-dasharray="20" stroke-dashoffset="20" d="M3 3V21"%3E%3Canimate fill="freeze" attributeName="stroke-dashoffset" dur="0.3s" values="20%3B0"%2F%3E%3C%2Fpath%3E%3Cpath stroke-dasharray="15" stroke-dashoffset="15" d="M21 12H7.5"%3E%3Canimate fill="freeze" attributeName="stroke-dashoffset" begin="0.4s" dur="0.2s" values="15%3B0"%2F%3E%3C%2Fpath%3E%3Cpath stroke-dasharray="12" stroke-dashoffset="12" d="M7 12L14 19M7 12L14 5"%3E%3Canimate fill="freeze" attributeName="stroke-dashoffset" begin="0.6s" dur="0.2s" values="12%3B0"%2F%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fsvg%3E') no-repeat;
          mask: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="24" height="24" viewBox="0 0 24 24"%3E%3Cg fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"%3E%3Cpath stroke-dasharray="20" stroke-dashoffset="20" d="M3 3V21"%3E%3Canimate fill="freeze" attributeName="stroke-dashoffset" dur="0.3s" values="20%3B0"%2F%3E%3C%2Fpath%3E%3Cpath stroke-dasharray="15" stroke-dashoffset="15" d="M21 12H7.5"%3E%3Canimate fill="freeze" attributeName="stroke-dashoffset" begin="0.4s" dur="0.2s" values="15%3B0"%2F%3E%3C%2Fpath%3E%3Cpath stroke-dasharray="12" stroke-dashoffset="12" d="M7 12L14 19M7 12L14 5"%3E%3Canimate fill="freeze" attributeName="stroke-dashoffset" begin="0.6s" dur="0.2s" values="12%3B0"%2F%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fsvg%3E') no-repeat;
  -webkit-mask-size: 100% 100%;
          mask-size: 100% 100%;
}

.icon-arrow-close-right {
  width: 1em;
  height: 1em;
  background-color: currentcolor;
  -webkit-mask: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="24" height="24" viewBox="0 0 24 24"%3E%3Cg transform="translate(24 0) scale(-1 1)"%3E%3Cg fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"%3E%3Cpath stroke-dasharray="20" stroke-dashoffset="20" d="M3 3V21"%3E%3Canimate fill="freeze" attributeName="stroke-dashoffset" dur="0.3s" values="20%3B0"%2F%3E%3C%2Fpath%3E%3Cpath stroke-dasharray="15" stroke-dashoffset="15" d="M21 12H7.5"%3E%3Canimate fill="freeze" attributeName="stroke-dashoffset" begin="0.4s" dur="0.2s" values="15%3B0"%2F%3E%3C%2Fpath%3E%3Cpath stroke-dasharray="12" stroke-dashoffset="12" d="M7 12L14 19M7 12L14 5"%3E%3Canimate fill="freeze" attributeName="stroke-dashoffset" begin="0.6s" dur="0.2s" values="12%3B0"%2F%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E') no-repeat;
          mask: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="24" height="24" viewBox="0 0 24 24"%3E%3Cg transform="translate(24 0) scale(-1 1)"%3E%3Cg fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"%3E%3Cpath stroke-dasharray="20" stroke-dashoffset="20" d="M3 3V21"%3E%3Canimate fill="freeze" attributeName="stroke-dashoffset" dur="0.3s" values="20%3B0"%2F%3E%3C%2Fpath%3E%3Cpath stroke-dasharray="15" stroke-dashoffset="15" d="M21 12H7.5"%3E%3Canimate fill="freeze" attributeName="stroke-dashoffset" begin="0.4s" dur="0.2s" values="15%3B0"%2F%3E%3C%2Fpath%3E%3Cpath stroke-dasharray="12" stroke-dashoffset="12" d="M7 12L14 19M7 12L14 5"%3E%3Canimate fill="freeze" attributeName="stroke-dashoffset" begin="0.6s" dur="0.2s" values="12%3B0"%2F%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E') no-repeat;
  -webkit-mask-size: 100% 100%;
          mask-size: 100% 100%;
}

.icon-close-box-multiple-outline {
  width: 1em;
  height: 1em;
  background-color: currentcolor;
  -webkit-mask: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="24" height="24" viewBox="0 0 24 24"%3E%3Cpath fill="currentColor" d="M20 2H8c-1.1 0-2 .9-2 2v12a2 2 0 0 0 2 2h12c1.11 0 2-.89 2-2V4a2 2 0 0 0-2-2m0 14H8V4h12v12M4 6v14h14v2H4a2 2 0 0 1-2-2V6h2m5.77 6.84L12.6 10L9.77 7.15l1.4-1.4L14 8.6l2.84-2.83l1.4 1.4L15.4 10l2.83 2.84l-1.4 1.4L14 11.4l-2.83 2.84l-1.4-1.4Z"%2F%3E%3C%2Fsvg%3E') no-repeat;
          mask: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="24" height="24" viewBox="0 0 24 24"%3E%3Cpath fill="currentColor" d="M20 2H8c-1.1 0-2 .9-2 2v12a2 2 0 0 0 2 2h12c1.11 0 2-.89 2-2V4a2 2 0 0 0-2-2m0 14H8V4h12v12M4 6v14h14v2H4a2 2 0 0 1-2-2V6h2m5.77 6.84L12.6 10L9.77 7.15l1.4-1.4L14 8.6l2.84-2.83l1.4 1.4L15.4 10l2.83 2.84l-1.4 1.4L14 11.4l-2.83 2.84l-1.4-1.4Z"%2F%3E%3C%2Fsvg%3E') no-repeat;
  -webkit-mask-size: 100% 100%;
          mask-size: 100% 100%;
}

.icon-vector-square-delete {
  width: 1em;
  height: 1em;
  background-color: currentcolor;
  -webkit-mask: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="24" height="24" viewBox="0 0 24 24"%3E%3Cpath fill="currentColor" d="M13 19c0-.3 0-.7.1-1H8v-2H6V8h2V6h8v2h2v5.1c.3-.1.7-.1 1-.1c.3 0 .7 0 1 .1V8h2V2h-6v2H8V2H2v6h2v8H2v6h6v-2h5.1c-.1-.3-.1-.7-.1-1m5-15h2v2h-2V4M4 4h2v2H4V4m2 16H4v-2h2v2m16.5-3.1L20.4 19l2.1 2.1l-1.4 1.4l-2.1-2.1l-2.1 2.1l-1.4-1.4l2.1-2.1l-2.1-2.1l1.4-1.4l2.1 2.1l2.1-2.1l1.4 1.4Z"%2F%3E%3C%2Fsvg%3E') no-repeat;
          mask: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="24" height="24" viewBox="0 0 24 24"%3E%3Cpath fill="currentColor" d="M13 19c0-.3 0-.7.1-1H8v-2H6V8h2V6h8v2h2v5.1c.3-.1.7-.1 1-.1c.3 0 .7 0 1 .1V8h2V2h-6v2H8V2H2v6h2v8H2v6h6v-2h5.1c-.1-.3-.1-.7-.1-1m5-15h2v2h-2V4M4 4h2v2H4V4m2 16H4v-2h2v2m16.5-3.1L20.4 19l2.1 2.1l-1.4 1.4l-2.1-2.1l-2.1 2.1l-1.4-1.4l2.1-2.1l-2.1-2.1l1.4-1.4l2.1 2.1l2.1-2.1l1.4 1.4Z"%2F%3E%3C%2Fsvg%3E') no-repeat;
  -webkit-mask-size: 100% 100%;
          mask-size: 100% 100%;
}

.icon-full-screen {
  width: 1em;
  height: 1em;
  background-color: currentcolor;
  -webkit-mask: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="15" height="15" viewBox="0 0 15 15"%3E%3Cpath fill="currentColor" fill-rule="evenodd" d="M2 2.5a.5.5 0 0 1 .5-.5h3a.5.5 0 0 1 0 1H3v2.5a.5.5 0 0 1-1 0v-3Zm7 0a.5.5 0 0 1 .5-.5h3a.5.5 0 0 1 .5.5v3a.5.5 0 0 1-1 0V3H9.5a.5.5 0 0 1-.5-.5ZM2.5 9a.5.5 0 0 1 .5.5V12h2.5a.5.5 0 0 1 0 1h-3a.5.5 0 0 1-.5-.5v-3a.5.5 0 0 1 .5-.5Zm10 0a.5.5 0 0 1 .5.5v3a.5.5 0 0 1-.5.5h-3a.5.5 0 0 1 0-1H12V9.5a.5.5 0 0 1 .5-.5Z" clip-rule="evenodd"%2F%3E%3C%2Fsvg%3E') no-repeat;
          mask: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="15" height="15" viewBox="0 0 15 15"%3E%3Cpath fill="currentColor" fill-rule="evenodd" d="M2 2.5a.5.5 0 0 1 .5-.5h3a.5.5 0 0 1 0 1H3v2.5a.5.5 0 0 1-1 0v-3Zm7 0a.5.5 0 0 1 .5-.5h3a.5.5 0 0 1 .5.5v3a.5.5 0 0 1-1 0V3H9.5a.5.5 0 0 1-.5-.5ZM2.5 9a.5.5 0 0 1 .5.5V12h2.5a.5.5 0 0 1 0 1h-3a.5.5 0 0 1-.5-.5v-3a.5.5 0 0 1 .5-.5Zm10 0a.5.5 0 0 1 .5.5v3a.5.5 0 0 1-.5.5h-3a.5.5 0 0 1 0-1H12V9.5a.5.5 0 0 1 .5-.5Z" clip-rule="evenodd"%2F%3E%3C%2Fsvg%3E') no-repeat;
  -webkit-mask-size: 100% 100%;
          mask-size: 100% 100%;
}

.icon-separate {
  width: 1em;
  height: 1em;
  background-color: currentcolor;
  -webkit-mask: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" viewBox="0 0 20 20"%3E%3Cpath fill="%23000" d="M3 2a2 2 0 0 0-2 2v4a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V4a2 2 0 0 0-2-2zM2 4a1 1 0 0 1 1-1h8a1 1 0 0 1 1 1v4a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1zm1 10v-3h1v3a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V6a1 1 0 0 0-1-1h-3V4h3a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2"%2f%3E%3C%2fsvg%3E') no-repeat;
          mask: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" viewBox="0 0 20 20"%3E%3Cpath fill="%23000" d="M3 2a2 2 0 0 0-2 2v4a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V4a2 2 0 0 0-2-2zM2 4a1 1 0 0 1 1-1h8a1 1 0 0 1 1 1v4a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1zm1 10v-3h1v3a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V6a1 1 0 0 0-1-1h-3V4h3a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2"%2f%3E%3C%2fsvg%3E') no-repeat;
  -webkit-mask-size: 100% 100%;
          mask-size: 100% 100%;
}