vft 0.0.503 → 0.0.504

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (125) hide show
  1. package/es/components/cascader/cascader.vue2.js +217 -211
  2. package/es/components/multiple-tabs/multiple-tabs.vue2.js +87 -83
  3. package/es/components/multiple-tabs/use/use-tab-dropdown.js +55 -39
  4. package/es/package.json.d.ts +1 -1
  5. package/es/package.json.js +1 -1
  6. package/lib/components/cascader/cascader.vue2.cjs +1 -1
  7. package/lib/components/multiple-tabs/multiple-tabs.vue2.cjs +1 -1
  8. package/lib/components/multiple-tabs/use/use-tab-dropdown.cjs +1 -1
  9. package/lib/package.json.cjs +1 -1
  10. package/lib/package.json.d.ts +1 -1
  11. package/package.json +5 -5
  12. package/theme-style/dark/css-vars.css +1 -1
  13. package/theme-style/display.css +1 -1
  14. package/theme-style/src/common/icon.scss +3 -0
  15. package/theme-style/src/multiple-tabs.scss +8 -0
  16. package/theme-style/vft-affix.css +1 -1
  17. package/theme-style/vft-alert.css +1 -1
  18. package/theme-style/vft-aside.css +1 -1
  19. package/theme-style/vft-autocomplete.css +1 -1
  20. package/theme-style/vft-avatar-stack.css +1 -1
  21. package/theme-style/vft-avatar.css +1 -1
  22. package/theme-style/vft-backtop.css +1 -1
  23. package/theme-style/vft-badge.css +1 -1
  24. package/theme-style/vft-breadcrumb.css +1 -1
  25. package/theme-style/vft-button-group.css +1 -1
  26. package/theme-style/vft-button.css +1 -1
  27. package/theme-style/vft-calendar.css +1 -1
  28. package/theme-style/vft-card.css +1 -1
  29. package/theme-style/vft-carousel-item.css +1 -1
  30. package/theme-style/vft-carousel.css +1 -1
  31. package/theme-style/vft-cascader-panel.css +1 -1
  32. package/theme-style/vft-cascader.css +1 -1
  33. package/theme-style/vft-check-tag.css +1 -1
  34. package/theme-style/vft-checkbox-button.css +1 -1
  35. package/theme-style/vft-checkbox-group.css +1 -1
  36. package/theme-style/vft-checkbox.css +1 -1
  37. package/theme-style/vft-clamp-toggle.css +1 -1
  38. package/theme-style/vft-col.css +1 -1
  39. package/theme-style/vft-collapse.css +1 -1
  40. package/theme-style/vft-color-picker.css +1 -1
  41. package/theme-style/vft-container.css +1 -1
  42. package/theme-style/vft-date-picker.css +1 -1
  43. package/theme-style/vft-date-time-select.css +1 -1
  44. package/theme-style/vft-descriptions-item.css +1 -1
  45. package/theme-style/vft-descriptions.css +1 -1
  46. package/theme-style/vft-dialog.css +1 -1
  47. package/theme-style/vft-divider.css +1 -1
  48. package/theme-style/vft-drawer.css +1 -1
  49. package/theme-style/vft-dropdown.css +1 -1
  50. package/theme-style/vft-empty.css +1 -1
  51. package/theme-style/vft-footer-layout.css +1 -1
  52. package/theme-style/vft-footer.css +1 -1
  53. package/theme-style/vft-form.css +1 -1
  54. package/theme-style/vft-full-screen.css +1 -1
  55. package/theme-style/vft-header-layout.css +1 -1
  56. package/theme-style/vft-header.css +1 -1
  57. package/theme-style/vft-horizontal-menu.css +1 -1
  58. package/theme-style/vft-icon-text.css +1 -1
  59. package/theme-style/vft-icon.css +1 -1
  60. package/theme-style/vft-iframe-layout.css +1 -1
  61. package/theme-style/vft-image-viewer.css +1 -1
  62. package/theme-style/vft-image.css +1 -1
  63. package/theme-style/vft-input-number.css +1 -1
  64. package/theme-style/vft-input-tag.css +1 -1
  65. package/theme-style/vft-input.css +1 -1
  66. package/theme-style/vft-link.css +1 -1
  67. package/theme-style/vft-list-cell.css +1 -1
  68. package/theme-style/vft-loading.css +1 -1
  69. package/theme-style/vft-logo.css +1 -1
  70. package/theme-style/vft-main.css +1 -1
  71. package/theme-style/vft-md-code-demo.css +1 -1
  72. package/theme-style/vft-md-code-tabs.css +1 -1
  73. package/theme-style/vft-md-comment.css +1 -1
  74. package/theme-style/vft-md-container.css +1 -1
  75. package/theme-style/vft-md-tabs.css +1 -1
  76. package/theme-style/vft-md-vue-playground.css +1 -1
  77. package/theme-style/vft-menu.css +1 -1
  78. package/theme-style/vft-message-box.css +1 -1
  79. package/theme-style/vft-message.css +1 -1
  80. package/theme-style/vft-multiple-tabs.css +1 -1
  81. package/theme-style/vft-notification.css +1 -1
  82. package/theme-style/vft-option-group.css +1 -1
  83. package/theme-style/vft-option-item.css +1 -1
  84. package/theme-style/vft-option.css +1 -1
  85. package/theme-style/vft-overlay.css +1 -1
  86. package/theme-style/vft-page-wrapper.css +1 -1
  87. package/theme-style/vft-pagination.css +1 -1
  88. package/theme-style/vft-popconfirm.css +1 -1
  89. package/theme-style/vft-popover.css +1 -1
  90. package/theme-style/vft-popper.css +1 -1
  91. package/theme-style/vft-progress.css +1 -1
  92. package/theme-style/vft-radio-button.css +1 -1
  93. package/theme-style/vft-radio-group.css +1 -1
  94. package/theme-style/vft-rate.css +1 -1
  95. package/theme-style/vft-result.css +1 -1
  96. package/theme-style/vft-row.css +1 -1
  97. package/theme-style/vft-scrollbar.css +1 -1
  98. package/theme-style/vft-search.css +1 -1
  99. package/theme-style/vft-segmented.css +1 -1
  100. package/theme-style/vft-select-dropdown-v2.css +1 -1
  101. package/theme-style/vft-select-dropdown.css +1 -1
  102. package/theme-style/vft-select.css +1 -1
  103. package/theme-style/vft-side-menu.css +1 -1
  104. package/theme-style/vft-skeleton-item.css +1 -1
  105. package/theme-style/vft-skeleton.css +1 -1
  106. package/theme-style/vft-slider.css +1 -1
  107. package/theme-style/vft-space.css +1 -1
  108. package/theme-style/vft-spinner.css +1 -1
  109. package/theme-style/vft-statistic.css +1 -1
  110. package/theme-style/vft-step.css +1 -1
  111. package/theme-style/vft-steps.css +1 -1
  112. package/theme-style/vft-super-form.css +1 -1
  113. package/theme-style/vft-switch.css +1 -1
  114. package/theme-style/vft-table.css +1 -1
  115. package/theme-style/vft-tabs.css +1 -1
  116. package/theme-style/vft-tag.css +1 -1
  117. package/theme-style/vft-time-picker.css +1 -1
  118. package/theme-style/vft-time-select.css +1 -1
  119. package/theme-style/vft-timeline-item.css +1 -1
  120. package/theme-style/vft-timeline.css +1 -1
  121. package/theme-style/vft-transfer.css +1 -1
  122. package/theme-style/vft-tree-select.css +1 -1
  123. package/theme-style/vft-tree.css +1 -1
  124. package/theme-style/vft-virtual-list.css +1 -1
  125. package/web-types.json +1 -1
package/theme-style/vft-image-viewer.css CHANGED
@@ -1 +1 @@
1
- .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:.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:40px;right:40px;width:40px;height:40px;font-size:40px}.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:30px;transform:translateX(-50%);width:282px;height:44px;padding:0 23px;background-color:var(--vft-text-regular-color);border-color:#fff;border-radius:22px}.vft-image-viewer__actions__inner{width:100%;height:100%;text-align:justify;cursor:default;font-size:23px;color:#fff;display:flex;align-items:center;justify-content:space-around}.vft-image-viewer__prev{top:50%;transform:translateY(-50%);left:40px;width:44px;height:44px;font-size:24px;color:#fff;background-color:var(--vft-text-regular-color);border-color:#fff}.vft-image-viewer__next{top:50%;transform:translateY(-50%);right:40px;text-indent:2px;width:44px;height:44px;font-size:24px;color:#fff;background-color:var(--vft-text-regular-color);border-color:#fff}.vft-image-viewer__close{width:44px;height:44px;font-size:24px;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:.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,-20px,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,-20px,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%}
1
+ @charset "UTF-8";.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:.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:40px;right:40px;width:40px;height:40px;font-size:40px}.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:30px;transform:translateX(-50%);width:282px;height:44px;padding:0 23px;background-color:var(--vft-text-regular-color);border-color:#fff;border-radius:22px}.vft-image-viewer__actions__inner{width:100%;height:100%;text-align:justify;cursor:default;font-size:23px;color:#fff;display:flex;align-items:center;justify-content:space-around}.vft-image-viewer__prev{top:50%;transform:translateY(-50%);left:40px;width:44px;height:44px;font-size:24px;color:#fff;background-color:var(--vft-text-regular-color);border-color:#fff}.vft-image-viewer__next{top:50%;transform:translateY(-50%);right:40px;text-indent:2px;width:44px;height:44px;font-size:24px;color:#fff;background-color:var(--vft-text-regular-color);border-color:#fff}.vft-image-viewer__close{width:44px;height:44px;font-size:24px;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:.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,-20px,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,-20px,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%}
package/theme-style/vft-image.css CHANGED
@@ -1 +1 @@
1
- .vft-image__error,.vft-image__inner,.vft-image__placeholder,.vft-image__wrapper{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:14px;background:var(--vft-fill-color-light);color:var(--vft-text-placeholder-color);vertical-align:middle}.vft-image__preview{cursor:pointer}
1
+ @charset "UTF-8";.vft-image__error,.vft-image__inner,.vft-image__placeholder,.vft-image__wrapper{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:14px;background:var(--vft-fill-color-light);color:var(--vft-text-placeholder-color);vertical-align:middle}.vft-image__preview{cursor:pointer}
package/theme-style/vft-input-number.css CHANGED
@@ -1 +1 @@
1
- .vft-input-number{display:inline-flex;position:relative;width:150px;line-height:30px}.vft-input-number--large{width:180px;line-height:38px}.vft-input-number--large .vft-input-number__decrease,.vft-input-number--large .vft-input-number__increase{width:40px;font-size:14px}.vft-input-number--large .vft-input__wrapper{padding-right:47px;padding-left:47px}.vft-input-number--small{width:120px;line-height:22px}.vft-input-number--small .vft-input-number__decrease,.vft-input-number--small .vft-input-number__increase{width:24px;font-size:12px}.vft-input-number--small .vft-input__wrapper{padding-right:31px;padding-left:31px}.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__decrease,.vft-input-number__increase{display:flex;position:absolute;z-index:1;top:1px;bottom:1px;align-items:center;justify-content:center;width:32px;height:auto;background:var(--vft-fill-color-light);color:var(--vft-text-regular-color);font-size:13px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.vft-input-number__decrease:hover,.vft-input-number__increase:hover{color:var(--vft-primary-color)}.vft-input-number__decrease:hover~.vft-input:not(.is-disabled) .vft-input_wrapper,.vft-input-number__increase:hover~.vft-input:not(.is-disabled) .vft-input_wrapper{box-shadow:0 0 0 1px var(--vft-input-focus-border-color,var(--vft-primary-color)) inset}.vft-input-number__decrease.is-disabled,.vft-input-number__increase.is-disabled{color:var(--vft-disabled-text-color);cursor:not-allowed}.vft-input-number__increase{right:1px;border-left:var(--vft-border);border-radius:0 var(--vft-border-radius-base) var(--vft-border-radius-base) 0}.vft-input-number__decrease{left:1px;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__decrease,.vft-input-number.is-disabled .vft-input-number__increase{border-color:var(--vft-disabled-border-color);color:var(--vft-disabled-border-color)}.vft-input-number.is-disabled .vft-input-number__decrease:hover,.vft-input-number.is-disabled .vft-input-number__increase:hover{color:var(--vft-disabled-border-color);cursor:not-allowed}.vft-input-number--small .vft-input-number__decrease [class*=vft-icon],.vft-input-number--small .vft-input-number__increase [class*=vft-icon]{transform:scale(.9)}.vft-input-number.is-without-controls .vft-input__wrapper{padding-right:15px;padding-left:15px}.vft-input-number.is-controls-right[class*=large] [class*=decrease],.vft-input-number.is-controls-right[class*=large] [class*=increase]{--vft-input-number-controls-height:19px}.vft-input-number.is-controls-right[class*=small] [class*=decrease],.vft-input-number.is-controls-right[class*=small] [class*=increase]{--vft-input-number-controls-height:11px}.vft-input-number.is-controls-right .vft-input-number__decrease,.vft-input-number.is-controls-right .vft-input-number__increase{height:var(--vft-input-number-controls-height);line-height:var(--vft-input-number-controls-height);--vft-input-number-controls-height:15px}.vft-input-number.is-controls-right .vft-input-number__decrease [class*=vft-icon],.vft-input-number.is-controls-right .vft-input-number__increase [class*=vft-icon]{transform:scale(.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:1px;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:42px;padding-left:15px}.vft-input-number .vft-input__wrapper{padding-right:42px;padding-left:42px}.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%}
1
+ @charset "UTF-8";.vft-input-number{display:inline-flex;position:relative;width:150px;line-height:30px}.vft-input-number--large{width:180px;line-height:38px}.vft-input-number--large .vft-input-number__decrease,.vft-input-number--large .vft-input-number__increase{width:40px;font-size:14px}.vft-input-number--large .vft-input__wrapper{padding-right:47px;padding-left:47px}.vft-input-number--small{width:120px;line-height:22px}.vft-input-number--small .vft-input-number__decrease,.vft-input-number--small .vft-input-number__increase{width:24px;font-size:12px}.vft-input-number--small .vft-input__wrapper{padding-right:31px;padding-left:31px}.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__decrease,.vft-input-number__increase{display:flex;position:absolute;z-index:1;top:1px;bottom:1px;align-items:center;justify-content:center;width:32px;height:auto;background:var(--vft-fill-color-light);color:var(--vft-text-regular-color);font-size:13px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.vft-input-number__decrease:hover,.vft-input-number__increase:hover{color:var(--vft-primary-color)}.vft-input-number__decrease:hover~.vft-input:not(.is-disabled) .vft-input_wrapper,.vft-input-number__increase:hover~.vft-input:not(.is-disabled) .vft-input_wrapper{box-shadow:0 0 0 1px var(--vft-input-focus-border-color,var(--vft-primary-color)) inset}.vft-input-number__decrease.is-disabled,.vft-input-number__increase.is-disabled{color:var(--vft-disabled-text-color);cursor:not-allowed}.vft-input-number__increase{right:1px;border-left:var(--vft-border);border-radius:0 var(--vft-border-radius-base) var(--vft-border-radius-base) 0}.vft-input-number__decrease{left:1px;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__decrease,.vft-input-number.is-disabled .vft-input-number__increase{border-color:var(--vft-disabled-border-color);color:var(--vft-disabled-border-color)}.vft-input-number.is-disabled .vft-input-number__decrease:hover,.vft-input-number.is-disabled .vft-input-number__increase:hover{color:var(--vft-disabled-border-color);cursor:not-allowed}.vft-input-number--small .vft-input-number__decrease [class*=vft-icon],.vft-input-number--small .vft-input-number__increase [class*=vft-icon]{transform:scale(.9)}.vft-input-number.is-without-controls .vft-input__wrapper{padding-right:15px;padding-left:15px}.vft-input-number.is-controls-right[class*=large] [class*=decrease],.vft-input-number.is-controls-right[class*=large] [class*=increase]{--vft-input-number-controls-height:19px}.vft-input-number.is-controls-right[class*=small] [class*=decrease],.vft-input-number.is-controls-right[class*=small] [class*=increase]{--vft-input-number-controls-height:11px}.vft-input-number.is-controls-right .vft-input-number__decrease,.vft-input-number.is-controls-right .vft-input-number__increase{height:var(--vft-input-number-controls-height);line-height:var(--vft-input-number-controls-height);--vft-input-number-controls-height:15px}.vft-input-number.is-controls-right .vft-input-number__decrease [class*=vft-icon],.vft-input-number.is-controls-right .vft-input-number__increase [class*=vft-icon]{transform:scale(.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:1px;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:42px;padding-left:15px}.vft-input-number .vft-input__wrapper{padding-right:42px;padding-left:42px}.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%}
package/theme-style/vft-input-tag.css CHANGED
@@ -1 +1 @@
1
- .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:6px;--vft-input-tag-padding:4px;--vft-input-tag-inner-padding:8px;--vft-input-tag-line-height:24px}.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:1px solid var(--vft-border-color)}.vft-input-tag.is-focused{border:1px solid var(--vft-primary-color)}.vft-input-tag.is-hovering:not(.is-focused){border:1px solid var(--vft-border-color-hover)}.vft-input-tag.is-disabled{background-color:var(--vft-fill-color-light);cursor:not-allowed;border:1px solid var(--vft-input-tag-disabled-border)}.vft-input-tag.is-disabled:hover{border:1px solid var(--vft-input-tag-disabled-border)}.vft-input-tag.is-disabled.is-focus{border:1px 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:8px}.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:1px;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:0;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:6px;--vft-input-tag-padding:8px;--vft-input-tag-padding-left:8px;--vft-input-tag-font-size:14px}.vft-input-tag--small{--vft-input-tag-gap:4px;--vft-input-tag-padding:2px;--vft-input-tag-padding-left:6px;--vft-input-tag-font-size:12px;--vft-input-tag-line-height:20px;--vft-input-tag-mini-height:var(--vft-component-size-small)}
1
+ @charset "UTF-8";.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:6px;--vft-input-tag-padding:4px;--vft-input-tag-inner-padding:8px;--vft-input-tag-line-height:24px}.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:1px solid var(--vft-border-color)}.vft-input-tag.is-focused{border:1px solid var(--vft-primary-color)}.vft-input-tag.is-hovering:not(.is-focused){border:1px solid var(--vft-border-color-hover)}.vft-input-tag.is-disabled{background-color:var(--vft-fill-color-light);cursor:not-allowed;border:1px solid var(--vft-input-tag-disabled-border)}.vft-input-tag.is-disabled:hover{border:1px solid var(--vft-input-tag-disabled-border)}.vft-input-tag.is-disabled.is-focus{border:1px 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:8px}.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:1px;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:0;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:6px;--vft-input-tag-padding:8px;--vft-input-tag-padding-left:8px;--vft-input-tag-font-size:14px}.vft-input-tag--small{--vft-input-tag-gap:4px;--vft-input-tag-padding:2px;--vft-input-tag-padding-left:6px;--vft-input-tag-font-size:12px;--vft-input-tag-line-height:20px;--vft-input-tag-mini-height:var(--vft-component-size-small)}
package/theme-style/vft-input.css CHANGED
@@ -1 +1 @@
1
- :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 1px 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 .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:8px}.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:8px}.vft-input--large{font-size:14px;--vft-input-height:var(--vft-component-size-large)}.vft-input--large .vft-input__wrapper{padding:1px 15px}.vft-input--large .vft-input__inner{--vft-input-inner-height:calc(var(--vft-input-height, 40px) - 2px)}.vft-input--small{font-size:12px;--vft-input-height:var(--vft-component-size-small)}.vft-input--small .vft-input__wrapper{padding:1px 7px}.vft-input--small .vft-input__inner{--vft-input-inner-height:calc(var(--vft-input-height, 24px) - 2px)}.vft-input__wrapper{display:inline-flex;flex-grow:1;align-items:center;justify-content:center;padding:1px 11px;transition:var(--vft-transition-all);border:1px 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}.vft-input__wrapper:hover{border:1px solid var(--vft-input-hover-border-color)}.vft-input__wrapper.is-focus{border:1px 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:0;background:0 0;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, 32px) - 2px)}.vft-input__inner:focus{outline:0}.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:1px}.vft-input__validateIcon{pointer-events:none}.vft-input.is-active .vft-input__wrapper{border:1px solid var(--vft-input-focus-color)}.vft-input.is-disabled{cursor:not-allowed}.vft-input.is-disabled .vft-input__wrapper{border:1px 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:1px 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:14px;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:12px}.vft-input .vft-input__count .vft-input__count-inner{display:inline-block;padding-left:8px;background:var(--vft-fill-color-blank);line-height:initial}.vft-input .vft-input__icon{margin-left:8px;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 20px;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:0}.vft-input-group__append .vft-button,.vft-input-group__append .vft-select,.vft-input-group__prepend .vft-button,.vft-input-group__prepend .vft-select{display:inline-block;margin:0 -20px}.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:1px solid var(--vft-input-border-color);border-right:0;border-top-right-radius:0;border-bottom-right-radius:0}.vft-input-group__append{border:1px 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:1px 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:1px 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:1px solid var(--vft-input-focus-border-color);outline:0}.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:1px 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:1px 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:1px 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:1px 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:5px 11px;transition:var(--vft-transition-box-shadow);border:1px 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:1px solid var(--vft-input-hover-border-color)}.vft-textarea__inner:focus{border:1px solid var(--vft-input-focus-border-color);outline:0}.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:10px;bottom:5px;background:var(--vft-fill-color-blank);color:var(--vft-info-color);font-size:12px;line-height:14px}.vft-input--gradient-border{position:relative}.vft-input--gradient-border::before{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;z-index:1;border:2px dashed #4a9eff;border-radius:12px;pointer-events:none}.vft-input--gradient-border::after{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;z-index:0;border-radius:10px;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:8px}.vft-input--gradient-border .vft-input__inner{background-color:transparent;color:#fff;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 2px rgba(74,222,128,.3)}.vft-input--gradient-border:focus-within .vft-input__wrapper{box-shadow:0 0 0 2px rgba(74,222,128,.3)}
1
+ @charset "UTF-8";: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 1px 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 .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:8px}.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:8px}.vft-input--large{font-size:14px;--vft-input-height:var(--vft-component-size-large)}.vft-input--large .vft-input__wrapper{padding:1px 15px}.vft-input--large .vft-input__inner{--vft-input-inner-height:calc(var(--vft-input-height, 40px) - 2px)}.vft-input--small{font-size:12px;--vft-input-height:var(--vft-component-size-small)}.vft-input--small .vft-input__wrapper{padding:1px 7px}.vft-input--small .vft-input__inner{--vft-input-inner-height:calc(var(--vft-input-height, 24px) - 2px)}.vft-input__wrapper{display:inline-flex;flex-grow:1;align-items:center;justify-content:center;padding:1px 11px;transition:var(--vft-transition-all);border:1px 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}.vft-input__wrapper:hover{border:1px solid var(--vft-input-hover-border-color)}.vft-input__wrapper.is-focus{border:1px 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:0;background:0 0;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, 32px) - 2px)}.vft-input__inner:focus{outline:0}.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:1px}.vft-input__validateIcon{pointer-events:none}.vft-input.is-active .vft-input__wrapper{border:1px solid var(--vft-input-focus-color)}.vft-input.is-disabled{cursor:not-allowed}.vft-input.is-disabled .vft-input__wrapper{border:1px 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:1px 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:14px;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:12px}.vft-input .vft-input__count .vft-input__count-inner{display:inline-block;padding-left:8px;background:var(--vft-fill-color-blank);line-height:initial}.vft-input .vft-input__icon{margin-left:8px;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 20px;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:0}.vft-input-group__append .vft-button,.vft-input-group__append .vft-select,.vft-input-group__prepend .vft-button,.vft-input-group__prepend .vft-select{display:inline-block;margin:0 -20px}.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:1px solid var(--vft-input-border-color);border-right:0;border-top-right-radius:0;border-bottom-right-radius:0}.vft-input-group__append{border:1px 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:1px 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:1px 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:1px solid var(--vft-input-focus-border-color);outline:0}.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:1px 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:1px 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:1px 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:1px 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:5px 11px;transition:var(--vft-transition-box-shadow);border:1px 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:1px solid var(--vft-input-hover-border-color)}.vft-textarea__inner:focus{border:1px solid var(--vft-input-focus-border-color);outline:0}.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:10px;bottom:5px;background:var(--vft-fill-color-blank);color:var(--vft-info-color);font-size:12px;line-height:14px}.vft-input--gradient-border{position:relative}.vft-input--gradient-border::before{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;z-index:1;border:2px dashed #4a9eff;border-radius:12px;pointer-events:none}.vft-input--gradient-border::after{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;z-index:0;border-radius:10px;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:8px}.vft-input--gradient-border .vft-input__inner{background-color:transparent;color:#fff;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 2px rgba(74,222,128,.3)}.vft-input--gradient-border:focus-within .vft-input__wrapper{box-shadow:0 0 0 2px rgba(74,222,128,.3)}
package/theme-style/vft-link.css CHANGED
@@ -1 +1 @@
1
- :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:0;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:1px 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:5px}.vft-link.vft-link--default::after{border-color:var(--vft-link-hover-text-color)}
1
+ @charset "UTF-8";: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:0;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:1px 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:5px}.vft-link.vft-link--default::after{border-color:var(--vft-link-hover-text-color)}
package/theme-style/vft-list-cell.css CHANGED
@@ -1 +1 @@
1
- :root{--vft-list-cell-height:40px;--vft-list-cell-hover-bg-color:transparent;--vft-list-cell-active-color:var(--vft-primary-color);--vft-list-cell-text-size:13px;--vft-list-cell-left-text-distance:6px;--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%}
1
+ @charset "UTF-8";:root{--vft-list-cell-height:40px;--vft-list-cell-hover-bg-color:transparent;--vft-list-cell-active-color:var(--vft-primary-color);--vft-list-cell-text-size:13px;--vft-list-cell-left-text-distance:6px;--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%}
package/theme-style/vft-loading.css CHANGED
@@ -1 +1 @@
1
- :root{--vft-loading-spinner-size:20px;--vft-loading-fullscreen-spinner-size:50px;--vft-loading-rotate-animation:loading-rotate 2s linear infinite;--vft-loading-color:var(--vft-primary-color);--vft-loading-text-size:14px;--vft-loading-margin:3px 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((0px - 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((0px - 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:-40px}100%{stroke-dasharray:90,150;stroke-dashoffset:-120px}}.vft-card-loading{z-index:9999!important;background:0 0!important}.vft-card-loading .vft-loading-spinner{top:50%;left:50%;flex-direction:column;flex-wrap:wrap;width:90px;height:90px;padding-top:5px;transform:translateX(-50%) translateY(-50%);border-radius:10px;background:rgba(var(--vft-color-rgb),.9);box-shadow:var(--vft-box-shadow-light);display:flex;align-items:center;justify-content:center}.vft-card-loading .vft-loading-text{margin-top:10px;margin-bottom:0}
1
+ @charset "UTF-8";:root{--vft-loading-spinner-size:20px;--vft-loading-fullscreen-spinner-size:50px;--vft-loading-rotate-animation:loading-rotate 2s linear infinite;--vft-loading-color:var(--vft-primary-color);--vft-loading-text-size:14px;--vft-loading-margin:3px 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((0px - 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((0px - 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:-40px}100%{stroke-dasharray:90,150;stroke-dashoffset:-120px}}.vft-card-loading{z-index:9999!important;background:0 0!important}.vft-card-loading .vft-loading-spinner{top:50%;left:50%;flex-direction:column;flex-wrap:wrap;width:90px;height:90px;padding-top:5px;transform:translateX(-50%) translateY(-50%);border-radius:10px;background:rgba(var(--vft-color-rgb),.9);box-shadow:var(--vft-box-shadow-light);display:flex;align-items:center;justify-content:center}.vft-card-loading .vft-loading-text{margin-top:10px;margin-bottom:0}
package/theme-style/vft-logo.css CHANGED
@@ -1 +1 @@
1
- :root{--vft-logo-img-width:30px;--vft-logo-img-height:30px;--vft-logo-color:var(--vft-primary-color);--vft-logo-font-size:16px;--vft-logo-font-weight:400;--vft-logo-cursor:pointer}.vft-logo{display:flex;align-items:center;padding-left:20px;transition:all .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:5px;transition:all .5s;color:var(--vft-logo-color);font-size:var(--vft-logo-font-size);font-weight:var(--vft-logo-font-weight);line-height:1}
1
+ @charset "UTF-8";:root{--vft-logo-img-width:30px;--vft-logo-img-height:30px;--vft-logo-color:var(--vft-primary-color);--vft-logo-font-size:16px;--vft-logo-font-weight:400;--vft-logo-cursor:pointer}.vft-logo{display:flex;align-items:center;padding-left:20px;transition:all .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:5px;transition:all .5s;color:var(--vft-logo-color);font-size:var(--vft-logo-font-size);font-weight:var(--vft-logo-font-weight);line-height:1}
package/theme-style/vft-main.css CHANGED
@@ -1 +1 @@
1
- .vft-main{display:block;flex:1;flex-basis:auto;box-sizing:border-box}
1
+ @charset "UTF-8";.vft-main{display:block;flex:1;flex-basis:auto;box-sizing:border-box}
package/theme-style/vft-md-code-demo.css CHANGED
@@ -1 +1 @@
1
- .vft-md-code-demo{margin:10px 0;transition:all .2s;border:1px solid var(--vft-border-color);border-radius:8px}.vft-md-code-demo:hover{box-shadow:0 2px 12px var(--vft-box-shadow)}.vft-md-code-demo .code-demo-codepen,.vft-md-code-demo .code-demo-jsfiddle{cursor:pointer}.vft-md-code-demo .code-demo-codepen button,.vft-md-code-demo .code-demo-jsfiddle button{border:none;background:0 0}.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:8px 12px;border-radius:8px 8px 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:8px 12px 8px 8px;transition:all .3s;border-radius:50%;border-color:transparent;outline:0;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:24px;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:16px}.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 4px;padding:4px;border-radius:50%;outline:0;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:400px;padding:20px;overflow:auto;border-bottom:1px solid var(--vft-border-color)}.vft-md-code-demo .code-demo-code-wrapper{overflow:hidden;transition:height .5s}@media print{.vft-md-code-demo .code-demo-code-wrapper{height:auto!important}}.vft-md-code-demo .code-demo-codes>p{margin:.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:28px;height:28px;border-radius:50% 10% 0}.vft-md-code-demo .code-demo-codes>div[class*=language-] button.copy-code-button svg{position:relative;top:1px;left:1px}
1
+ @charset "UTF-8";.vft-md-code-demo{margin:10px 0;transition:all .2s;border:1px solid var(--vft-border-color);border-radius:8px}.vft-md-code-demo:hover{box-shadow:0 2px 12px var(--vft-box-shadow)}.vft-md-code-demo .code-demo-codepen,.vft-md-code-demo .code-demo-jsfiddle{cursor:pointer}.vft-md-code-demo .code-demo-codepen button,.vft-md-code-demo .code-demo-jsfiddle button{border:none;background:0 0}.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:8px 12px;border-radius:8px 8px 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:8px 12px 8px 8px;transition:all .3s;border-radius:50%;border-color:transparent;outline:0;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:24px;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:16px}.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 4px;padding:4px;border-radius:50%;outline:0;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:400px;padding:20px;overflow:auto;border-bottom:1px solid var(--vft-border-color)}.vft-md-code-demo .code-demo-code-wrapper{overflow:hidden;transition:height .5s}@media print{.vft-md-code-demo .code-demo-code-wrapper{height:auto!important}}.vft-md-code-demo .code-demo-codes>p{margin:.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:28px;height:28px;border-radius:50% 10% 0}.vft-md-code-demo .code-demo-codes>div[class*=language-] button.copy-code-button svg{position:relative;top:1px;left:1px}
package/theme-style/vft-md-code-tabs.css CHANGED
@@ -1 +1 @@
1
- .vft-md-code-tabs .code-tabs-nav{overflow-x:auto;margin:.85rem 0 -.85rem;padding:0;border-radius:6px 6px 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:6px 10px;border-radius:6px 6px 0 0;background:0 0;color:#2c3e50;font-weight:600;font-size:.85em;line-height:1.4;cursor:pointer;transition:var(--vft-transition-all);border-width:0;background:0 0;cursor:pointer}.vft-md-code-tabs .code-tabs-nav-tab:hover{background:#d8e9f6}.vft-md-code-tabs .code-tabs-nav-tab::after,.vft-md-code-tabs .code-tabs-nav-tab::before{content:" ";position:absolute;bottom:0;z-index:1;width:6px;height:6px}.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(12px at left top,transparent 50%,#c3def3 50%)}.vft-md-code-tabs .code-tabs-nav-tab.active::after{background:radial-gradient(12px 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}}
1
+ @charset "UTF-8";.vft-md-code-tabs .code-tabs-nav{overflow-x:auto;margin:.85rem 0 -.85rem;padding:0;border-radius:6px 6px 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:6px 10px;border-radius:6px 6px 0 0;background:0 0;color:#2c3e50;font-weight:600;font-size:.85em;line-height:1.4;cursor:pointer;transition:var(--vft-transition-all);border-width:0;background:0 0;cursor:pointer}.vft-md-code-tabs .code-tabs-nav-tab:hover{background:#d8e9f6}.vft-md-code-tabs .code-tabs-nav-tab::after,.vft-md-code-tabs .code-tabs-nav-tab::before{content:" ";position:absolute;bottom:0;z-index:1;width:6px;height:6px}.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(12px at left top,transparent 50%,#c3def3 50%)}.vft-md-code-tabs .code-tabs-nav-tab.active::after{background:radial-gradient(12px 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}}
package/theme-style/vft-md-comment.css CHANGED
@@ -1 +1 @@
1
- .vft-md-comment{padding:0 30px 20px}@media (width <= 720px){.vft-md-comment .wl-avatar{width:40px;height:40px}}@media (width <= 580px){.vft-md-comment .wl-header{display:block}}@media (width <= 580px){.vft-md-comment .wl-header-item:not(:last-child){border-bottom:2px 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:40px}}@media (width <= 580px){.vft-md-comment .wl-reaction-list{gap:12px}}@media (width <= 580px){.vft-md-comment .wl-reaction-img{width:32px;height:32px}}.vft-md-comment #vft-md-comment__waline{min-width:300px;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-like,.vft-md-comment #vft-md-comment__waline .wl-power{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:400px;border:none}.vft-md-comment [data-waline] hr{margin:.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:.2em .4em;border-radius:3px;background:var(--vft-theme-color);font-size:85%}.vft-md-comment [data-waline] pre{padding:10px;overflow:auto;line-height:1.45}.vft-md-comment [data-waline] pre::-webkit-scrollbar{width:6px;height:6px}.vft-md-comment [data-waline] pre::-webkit-scrollbar-track-piece:horizontal{border-radius:6px;background:rgba(0,0,0,.1)}.vft-md-comment [data-waline] pre::-webkit-scrollbar-thumb:horizontal{width:6px;border-radius:6px;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:.5em 0;padding:.5em 0 .5em 1em;border-inline-start:8px 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:-2px;vertical-align:middle}.vft-md-comment .wl-btn{display:inline-block;min-width:2.5em;margin-bottom:0;padding:.5em 1em;transition-duration:.4s;border:1px solid var(--vft-border-color);border-radius:.5em;background:rgba(0,0,0,0);color:var(--vft-text-primary-color);font-size:.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:active,.vft-md-comment .wl-btn:hover{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:active,.vft-md-comment .wl-btn.primary:hover{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:.75em}.vft-md-comment .wl-close{position:absolute;top:-4px;inset-inline-end:-4px;padding:0;border:none;background:rgba(0,0,0,0);line-height:1;cursor:pointer}.vft-md-comment .wl-login-info{max-width:80px;margin-top:.75em;text-align:center}.vft-md-comment .wl-logout-btn{position:absolute;top:-10px;inset-inline-end:-10px;padding:3px;border:none;background:rgba(0,0,0,0);line-height:0;cursor:pointer}.vft-md-comment .wl-avatar{position:relative;width:40px;height:40px;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:.75em;word-break:break-all}.vft-md-comment .wl-panel{position:relative;flex-shrink:1;width:100%;margin:.5em;border:var(--vft-border-color);border-radius:.75em;background:var(--vft-bg-color);box-shadow:var(--vft-box-shadow)}.vft-md-comment .wl-header{display:flex;padding:0 4px;overflow:hidden;border-bottom:2px dashed var(--vft-border-color);border-top-left-radius:.75em;border-top-right-radius:.75em}.vft-md-comment .wl-header label{min-width:40px;padding:.75em .5em;color:var(--vft-text-primary-color);font-size:.75em;text-align:center}.vft-md-comment .wl-header input{flex:1;width:0;padding:.5em;background:rgba(0,0,0,0);font-size:.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:.75em .5em;border-radius:.5em;background:rgba(0,0,0,0);font-size:.875em;resize:vertical}.vft-md-comment .wl-editor,.vft-md-comment .wl-input{max-width:100%;transition:all .25s ease;border:none;outline:0;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 .5em .5em}.vft-md-comment .wl-preview h4{margin:.25em;font-size:.9375em;font-weight:700}.vft-md-comment .wl-preview .wl-content{min-height:1.25em;padding:.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:.5em .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:2px;padding:0;border:none;background:rgba(0,0,0,0);color:var(--vft-primary-color);font-size:16px;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 1px}.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:.75em}.vft-md-comment .wl-info .wl-text-number .illegal{color:red}.vft-md-comment .wl-info button{margin-inline-start:.75em}.vft-md-comment .wl-info button svg{display:block;margin:0 auto;line-height:18px}.vft-md-comment .wl-emoji-popup{visibility:hidden;position:absolute;z-index:10;top:100%;max-width:526px;transform:scale(.9,.9);transform-origin:0 0;transition:transform .2s ease-out,opacity .2s ease-out;border:var(--vft-border-color);border-radius:6px;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:.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:145px;padding:.5em;overflow-y:auto}.vft-md-comment .wl-emoji-popup .wl-tab-wrapper::-webkit-scrollbar{width:6px;height:6px}.vft-md-comment .wl-emoji-popup .wl-tab-wrapper::-webkit-scrollbar-track-piece:vertical{border-radius:6px;background:rgba(0,0,0,.1)}.vft-md-comment .wl-emoji-popup .wl-tab-wrapper::-webkit-scrollbar-thumb:vertical{width:6px;border-radius:6px;background:var(--vft-primary-color)}.vft-md-comment .wl-emoji-popup .wl-tabs{position:relative;padding:0 6px;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:1px;background:var(--vft-border-color)}.vft-md-comment .wl-emoji-popup .wl-tabs::-webkit-scrollbar{width:6px;height:6px}.vft-md-comment .wl-emoji-popup .wl-tabs::-webkit-scrollbar-track-piece:horizontal{border-radius:6px;background:rgba(0,0,0,.1)}.vft-md-comment .wl-emoji-popup .wl-tabs::-webkit-scrollbar-thumb:horizontal{height:6px;border-radius:6px;background:var(--vft-primary-color)}.vft-md-comment .wl-emoji-popup .wl-tab{position:relative;margin:0;padding:0 .5em}.vft-md-comment .wl-emoji-popup .wl-tab.active{z-index:3;border:1px solid var(--vft-border-color);border-top-width:0;border-bottom-right-radius:6px;border-bottom-left-radius:6px;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:.75em .75em .25em;transform:scale(.9,.9);transform-origin:0 0;transition:transform .2s ease-out,opacity .2s ease-out;border:var(--vft-border-color);border-radius:6px;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:10px;padding:3px 5px;border:var(--vft-border-color)}.vft-md-comment .wl-gif-popup img{display:block;box-sizing:border-box;width:100%;border-width:2px;border-style:solid;border-color:#fff;cursor:pointer}.vft-md-comment .wl-gif-popup img:hover{border-radius:2px;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:40px;position:relative;margin-inline-end:.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:.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:.5em;border-bottom:1px 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:-.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:.5em;font-size:.875em;font-weight:700;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 .3em;border:1px solid var(--vft-primary-color);border-radius:4px;color:var(--vft-primary-color);font-size:var(--vft-font-size-base)}.vft-md-comment .wl-card .wl-time{margin-inline-end:.875em;color:var(--vft-info-color);font-size:.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:.25em;padding:2px 4px;border-radius:.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-edit,.vft-md-comment .wl-card .wl-like,.vft-md-comment .wl-card .wl-reply{display:inline-flex;align-items:center;transition:color .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-edit:hover,.vft-md-comment .wl-card .wl-like:hover,.vft-md-comment .wl-card .wl-reply:hover{color:var(--vft-primary-color)}.vft-md-comment .wl-card .wl-delete.active,.vft-md-comment .wl-card .wl-edit.active,.vft-md-comment .wl-card .wl-like.active,.vft-md-comment .wl-card .wl-reply.active{color:var(--vft-primary-color)}.vft-md-comment .wl-card .wl-content{position:relative;margin-bottom:.75em;padding-top:.625em;font-size:.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,.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,.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:8px 0;font-size:12px;text-align:right}.vft-md-comment .wl-card .wl-comment-status{margin:0 8px}.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:.5em 0 0 .5em}.vft-md-comment .wl-card .wl-comment-status .wl-btn:last-child{border-inline-start:0;border-radius:0 .5em .5em 0}.vft-md-comment .wl-card .wl-quote{border-inline-start:1px dashed rgba(237,237,237,.5)}.vft-md-comment .wl-card .wl-quote .wl-user{--avatar-size:40px}.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:-.125em .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:.25em;padding:2px 4px;border-radius:.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:.2em;padding-bottom:.2em;overflow:auto hidden;-webkit-overflow-scrolling:touch}.vft-md-comment .wl-content .katex-display::-webkit-scrollbar{height:3px}.vft-md-comment .wl-content .katex-error{color:red}.vft-md-comment .wl-count{flex:1;font-size:1.25em;font-weight:700}.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:.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:.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:.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:16px auto;font-size:18px;font-weight:700}.vft-md-comment .wl-reaction-list{display:flex;flex-direction:row;gap:16px;justify-content:center;margin:0;padding:8px;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.active img,.vft-md-comment .wl-reaction-item:hover img{transform:scale(1.15)}.vft-md-comment .wl-reaction-img{position:relative;width:42px;height:42px}.vft-md-comment .wl-reaction-loading{position:absolute;top:-4px;inset-inline-end:-5px;width:18px;height:18px;color:var(--vft-primary-color)}.vft-md-comment .wl-reaction-votes{position:absolute;top:-9px;min-width:1em;padding:2px;border:1px solid var(--vft-primary-color);border-radius:1em;background:var(--vft-bg-color);color:var(--vft-primary-color);font-size:.75em;font-weight:700;line-height:1;inset-inline-end:-9px}.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:.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:.75rem 0;padding:1rem 1.25rem;overflow:auto;border-radius:6px;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:0 0;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:.1em;border-radius:.3em;white-space:normal}.vft-md-comment .wl-content .token.block-comment,.vft-md-comment .wl-content .token.cdata,.vft-md-comment .wl-content .token.comment,.vft-md-comment .wl-content .token.doctype,.vft-md-comment .wl-content .token.prolog{color:#999}.vft-md-comment .wl-content .token.punctuation{color:#ccc}.vft-md-comment .wl-content .token.attr-name,.vft-md-comment .wl-content .token.deleted,.vft-md-comment .wl-content .token.namespace,.vft-md-comment .wl-content .token.tag{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.function,.vft-md-comment .wl-content .token.number{color:#f08d49}.vft-md-comment .wl-content .token.class-name,.vft-md-comment .wl-content .token.constant,.vft-md-comment .wl-content .token.property,.vft-md-comment .wl-content .token.symbol{color:#f8c555}.vft-md-comment .wl-content .token.atrule,.vft-md-comment .wl-content .token.builtin,.vft-md-comment .wl-content .token.important,.vft-md-comment .wl-content .token.keyword,.vft-md-comment .wl-content .token.selector{color:#cc99cd}.vft-md-comment .wl-content .token.attr-value,.vft-md-comment .wl-content .token.char,.vft-md-comment .wl-content .token.regex,.vft-md-comment .wl-content .token.string,.vft-md-comment .wl-content .token.variable{color:#7ec699}.vft-md-comment .wl-content .token.entity,.vft-md-comment .wl-content .token.operator,.vft-md-comment .wl-content .token.url{color:#67cdcc}.vft-md-comment .wl-content .token.bold,.vft-md-comment .wl-content .token.important{font-weight:700}.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:10px;overflow:hidden;border-radius:4px;line-height:0}.vft-md-comment .wl-user-list .wl-user-avatar>img{width:48px;height:48px}.vft-md-comment .wl-user-list .wl-user-badge{position:absolute;bottom:0;min-width:.7em;height:1.5em;padding:0 .4em;border-radius:4px;background:var(--vft-info-color);color:var(--vft-info-color);font-size:10px;font-weight:700;line-height:1.5em;text-align:center;inset-inline-end:0}.vft-md-comment .wl-user-list .wl-user-item{margin:10px 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:700}.vft-md-comment .wl-user-list .wl-user-item:nth-child(2) .wl-user-badge{background:#fb811c;color:var(--vft-color-white);font-weight:700}.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:.5em;padding:0 .3em;border:1px solid var(--vft-primary-color);border-radius:4px;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 .2s}.vft-md-comment .wl-user-wall .wl-user-item::after,.vft-md-comment .wl-user-wall .wl-user-item::before{position:absolute;z-index:10;bottom:100%;left:50%;transform:translate(-50%,4px);transform-origin:top;transition:all .18s ease-out .18s;opacity:0;pointer-events:none}.vft-md-comment .wl-user-wall .wl-user-item::before{content:"";width:0;height:0;border:5px solid transparent;border-top-color:rgba(16,16,16,.95)}.vft-md-comment .wl-user-wall .wl-user-item::after{content:attr(aria-label);margin-bottom:10px;padding:.5em 1em;border-radius:2px;background:rgba(16,16,16,.95);color:#fff;font-size:12px;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::after,.vft-md-comment .wl-user-wall .wl-user-item:hover::before{transform:translate(-50%,0);opacity:1;pointer-events:none}.vft-md-comment .wl-user-wall .wl-user-item img{width:48px;height:48px}
1
+ @charset "UTF-8";.vft-md-comment{padding:0 30px 20px}@media (width <= 720px){.vft-md-comment .wl-avatar{width:40px;height:40px}}@media (width <= 580px){.vft-md-comment .wl-header{display:block}}@media (width <= 580px){.vft-md-comment .wl-header-item:not(:last-child){border-bottom:2px 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:40px}}@media (width <= 580px){.vft-md-comment .wl-reaction-list{gap:12px}}@media (width <= 580px){.vft-md-comment .wl-reaction-img{width:32px;height:32px}}.vft-md-comment #vft-md-comment__waline{min-width:300px;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-like,.vft-md-comment #vft-md-comment__waline .wl-power{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:400px;border:none}.vft-md-comment [data-waline] hr{margin:.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:.2em .4em;border-radius:3px;background:var(--vft-theme-color);font-size:85%}.vft-md-comment [data-waline] pre{padding:10px;overflow:auto;line-height:1.45}.vft-md-comment [data-waline] pre::-webkit-scrollbar{width:6px;height:6px}.vft-md-comment [data-waline] pre::-webkit-scrollbar-track-piece:horizontal{border-radius:6px;background:rgba(0,0,0,.1)}.vft-md-comment [data-waline] pre::-webkit-scrollbar-thumb:horizontal{width:6px;border-radius:6px;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:.5em 0;padding:.5em 0 .5em 1em;border-inline-start:8px 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:-2px;vertical-align:middle}.vft-md-comment .wl-btn{display:inline-block;min-width:2.5em;margin-bottom:0;padding:.5em 1em;transition-duration:.4s;border:1px solid var(--vft-border-color);border-radius:.5em;background:rgba(0,0,0,0);color:var(--vft-text-primary-color);font-size:.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:active,.vft-md-comment .wl-btn:hover{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:active,.vft-md-comment .wl-btn.primary:hover{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:.75em}.vft-md-comment .wl-close{position:absolute;top:-4px;inset-inline-end:-4px;padding:0;border:none;background:rgba(0,0,0,0);line-height:1;cursor:pointer}.vft-md-comment .wl-login-info{max-width:80px;margin-top:.75em;text-align:center}.vft-md-comment .wl-logout-btn{position:absolute;top:-10px;inset-inline-end:-10px;padding:3px;border:none;background:rgba(0,0,0,0);line-height:0;cursor:pointer}.vft-md-comment .wl-avatar{position:relative;width:40px;height:40px;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:.75em;word-break:break-all}.vft-md-comment .wl-panel{position:relative;flex-shrink:1;width:100%;margin:.5em;border:var(--vft-border-color);border-radius:.75em;background:var(--vft-bg-color);box-shadow:var(--vft-box-shadow)}.vft-md-comment .wl-header{display:flex;padding:0 4px;overflow:hidden;border-bottom:2px dashed var(--vft-border-color);border-top-left-radius:.75em;border-top-right-radius:.75em}.vft-md-comment .wl-header label{min-width:40px;padding:.75em .5em;color:var(--vft-text-primary-color);font-size:.75em;text-align:center}.vft-md-comment .wl-header input{flex:1;width:0;padding:.5em;background:rgba(0,0,0,0);font-size:.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:.75em .5em;border-radius:.5em;background:rgba(0,0,0,0);font-size:.875em;resize:vertical}.vft-md-comment .wl-editor,.vft-md-comment .wl-input{max-width:100%;transition:all .25s ease;border:none;outline:0;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 .5em .5em}.vft-md-comment .wl-preview h4{margin:.25em;font-size:.9375em;font-weight:700}.vft-md-comment .wl-preview .wl-content{min-height:1.25em;padding:.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:.5em .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:2px;padding:0;border:none;background:rgba(0,0,0,0);color:var(--vft-primary-color);font-size:16px;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 1px}.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:.75em}.vft-md-comment .wl-info .wl-text-number .illegal{color:red}.vft-md-comment .wl-info button{margin-inline-start:.75em}.vft-md-comment .wl-info button svg{display:block;margin:0 auto;line-height:18px}.vft-md-comment .wl-emoji-popup{visibility:hidden;position:absolute;z-index:10;top:100%;max-width:526px;transform:scale(.9,.9);transform-origin:0 0;transition:transform .2s ease-out,opacity .2s ease-out;border:var(--vft-border-color);border-radius:6px;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:.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:145px;padding:.5em;overflow-y:auto}.vft-md-comment .wl-emoji-popup .wl-tab-wrapper::-webkit-scrollbar{width:6px;height:6px}.vft-md-comment .wl-emoji-popup .wl-tab-wrapper::-webkit-scrollbar-track-piece:vertical{border-radius:6px;background:rgba(0,0,0,.1)}.vft-md-comment .wl-emoji-popup .wl-tab-wrapper::-webkit-scrollbar-thumb:vertical{width:6px;border-radius:6px;background:var(--vft-primary-color)}.vft-md-comment .wl-emoji-popup .wl-tabs{position:relative;padding:0 6px;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:1px;background:var(--vft-border-color)}.vft-md-comment .wl-emoji-popup .wl-tabs::-webkit-scrollbar{width:6px;height:6px}.vft-md-comment .wl-emoji-popup .wl-tabs::-webkit-scrollbar-track-piece:horizontal{border-radius:6px;background:rgba(0,0,0,.1)}.vft-md-comment .wl-emoji-popup .wl-tabs::-webkit-scrollbar-thumb:horizontal{height:6px;border-radius:6px;background:var(--vft-primary-color)}.vft-md-comment .wl-emoji-popup .wl-tab{position:relative;margin:0;padding:0 .5em}.vft-md-comment .wl-emoji-popup .wl-tab.active{z-index:3;border:1px solid var(--vft-border-color);border-top-width:0;border-bottom-right-radius:6px;border-bottom-left-radius:6px;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:.75em .75em .25em;transform:scale(.9,.9);transform-origin:0 0;transition:transform .2s ease-out,opacity .2s ease-out;border:var(--vft-border-color);border-radius:6px;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:10px;padding:3px 5px;border:var(--vft-border-color)}.vft-md-comment .wl-gif-popup img{display:block;box-sizing:border-box;width:100%;border-width:2px;border-style:solid;border-color:#fff;cursor:pointer}.vft-md-comment .wl-gif-popup img:hover{border-radius:2px;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:40px;position:relative;margin-inline-end:.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:.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:.5em;border-bottom:1px 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:-.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:.5em;font-size:.875em;font-weight:700;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 .3em;border:1px solid var(--vft-primary-color);border-radius:4px;color:var(--vft-primary-color);font-size:var(--vft-font-size-base)}.vft-md-comment .wl-card .wl-time{margin-inline-end:.875em;color:var(--vft-info-color);font-size:.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:.25em;padding:2px 4px;border-radius:.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-edit,.vft-md-comment .wl-card .wl-like,.vft-md-comment .wl-card .wl-reply{display:inline-flex;align-items:center;transition:color .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-edit:hover,.vft-md-comment .wl-card .wl-like:hover,.vft-md-comment .wl-card .wl-reply:hover{color:var(--vft-primary-color)}.vft-md-comment .wl-card .wl-delete.active,.vft-md-comment .wl-card .wl-edit.active,.vft-md-comment .wl-card .wl-like.active,.vft-md-comment .wl-card .wl-reply.active{color:var(--vft-primary-color)}.vft-md-comment .wl-card .wl-content{position:relative;margin-bottom:.75em;padding-top:.625em;font-size:.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,.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,.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:8px 0;font-size:12px;text-align:right}.vft-md-comment .wl-card .wl-comment-status{margin:0 8px}.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:.5em 0 0 .5em}.vft-md-comment .wl-card .wl-comment-status .wl-btn:last-child{border-inline-start:0;border-radius:0 .5em .5em 0}.vft-md-comment .wl-card .wl-quote{border-inline-start:1px dashed rgba(237,237,237,.5)}.vft-md-comment .wl-card .wl-quote .wl-user{--avatar-size:40px}.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:-.125em .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:.25em;padding:2px 4px;border-radius:.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:.2em;padding-bottom:.2em;overflow:auto hidden;-webkit-overflow-scrolling:touch}.vft-md-comment .wl-content .katex-display::-webkit-scrollbar{height:3px}.vft-md-comment .wl-content .katex-error{color:red}.vft-md-comment .wl-count{flex:1;font-size:1.25em;font-weight:700}.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:.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:.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:.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:16px auto;font-size:18px;font-weight:700}.vft-md-comment .wl-reaction-list{display:flex;flex-direction:row;gap:16px;justify-content:center;margin:0;padding:8px;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.active img,.vft-md-comment .wl-reaction-item:hover img{transform:scale(1.15)}.vft-md-comment .wl-reaction-img{position:relative;width:42px;height:42px}.vft-md-comment .wl-reaction-loading{position:absolute;top:-4px;inset-inline-end:-5px;width:18px;height:18px;color:var(--vft-primary-color)}.vft-md-comment .wl-reaction-votes{position:absolute;top:-9px;min-width:1em;padding:2px;border:1px solid var(--vft-primary-color);border-radius:1em;background:var(--vft-bg-color);color:var(--vft-primary-color);font-size:.75em;font-weight:700;line-height:1;inset-inline-end:-9px}.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:.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:.75rem 0;padding:1rem 1.25rem;overflow:auto;border-radius:6px;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:0 0;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:.1em;border-radius:.3em;white-space:normal}.vft-md-comment .wl-content .token.block-comment,.vft-md-comment .wl-content .token.cdata,.vft-md-comment .wl-content .token.comment,.vft-md-comment .wl-content .token.doctype,.vft-md-comment .wl-content .token.prolog{color:#999}.vft-md-comment .wl-content .token.punctuation{color:#ccc}.vft-md-comment .wl-content .token.attr-name,.vft-md-comment .wl-content .token.deleted,.vft-md-comment .wl-content .token.namespace,.vft-md-comment .wl-content .token.tag{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.function,.vft-md-comment .wl-content .token.number{color:#f08d49}.vft-md-comment .wl-content .token.class-name,.vft-md-comment .wl-content .token.constant,.vft-md-comment .wl-content .token.property,.vft-md-comment .wl-content .token.symbol{color:#f8c555}.vft-md-comment .wl-content .token.atrule,.vft-md-comment .wl-content .token.builtin,.vft-md-comment .wl-content .token.important,.vft-md-comment .wl-content .token.keyword,.vft-md-comment .wl-content .token.selector{color:#cc99cd}.vft-md-comment .wl-content .token.attr-value,.vft-md-comment .wl-content .token.char,.vft-md-comment .wl-content .token.regex,.vft-md-comment .wl-content .token.string,.vft-md-comment .wl-content .token.variable{color:#7ec699}.vft-md-comment .wl-content .token.entity,.vft-md-comment .wl-content .token.operator,.vft-md-comment .wl-content .token.url{color:#67cdcc}.vft-md-comment .wl-content .token.bold,.vft-md-comment .wl-content .token.important{font-weight:700}.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:10px;overflow:hidden;border-radius:4px;line-height:0}.vft-md-comment .wl-user-list .wl-user-avatar>img{width:48px;height:48px}.vft-md-comment .wl-user-list .wl-user-badge{position:absolute;bottom:0;min-width:.7em;height:1.5em;padding:0 .4em;border-radius:4px;background:var(--vft-info-color);color:var(--vft-info-color);font-size:10px;font-weight:700;line-height:1.5em;text-align:center;inset-inline-end:0}.vft-md-comment .wl-user-list .wl-user-item{margin:10px 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:700}.vft-md-comment .wl-user-list .wl-user-item:nth-child(2) .wl-user-badge{background:#fb811c;color:var(--vft-color-white);font-weight:700}.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:.5em;padding:0 .3em;border:1px solid var(--vft-primary-color);border-radius:4px;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 .2s}.vft-md-comment .wl-user-wall .wl-user-item::after,.vft-md-comment .wl-user-wall .wl-user-item::before{position:absolute;z-index:10;bottom:100%;left:50%;transform:translate(-50%,4px);transform-origin:top;transition:all .18s ease-out .18s;opacity:0;pointer-events:none}.vft-md-comment .wl-user-wall .wl-user-item::before{content:"";width:0;height:0;border:5px solid transparent;border-top-color:rgba(16,16,16,.95)}.vft-md-comment .wl-user-wall .wl-user-item::after{content:attr(aria-label);margin-bottom:10px;padding:.5em 1em;border-radius:2px;background:rgba(16,16,16,.95);color:#fff;font-size:12px;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::after,.vft-md-comment .wl-user-wall .wl-user-item:hover::before{transform:translate(-50%,0);opacity:1;pointer-events:none}.vft-md-comment .wl-user-wall .wl-user-item img{width:48px;height:48px}