vft 0.0.136 → 0.0.138

package/theme-style/src/index.scss

@@ -128,3 +128,7 @@
 @use './md-code-demo';
 @use './md-code-tabs';
 @use './md-container';
+
+// iphone
+@use './progress-i';
+@use './p-image';

package/theme-style/src/input.scss

@@ -27,6 +27,7 @@ $name: input;
     color: getCssVar('input-icon-color');
     font-size: map-get($input-font-size, 'default');
     cursor: pointer;
+    z-index: 1;
 
     &:hover {
       color: getCssVar('input-clear-hover-color');

package/theme-style/src/p-image.scss

@@ -0,0 +1,18 @@
+@use 'common/var' as *;
+@use 'mixins/mixins' as *;
+
+%size {
+  width: 100%;
+  height: 100%;
+}
+
+@include b(p-image) {
+  position: relative;
+  display: inline-block;
+
+  @include e(img) {
+    display: block;
+    width: 100%;
+    height: 100%;
+  }
+}

package/theme-style/src/table.scss

@@ -121,6 +121,13 @@ $name: table;
     }
   }
 
+  .col--seq {
+    padding: 6px 0!important;
+    .vxe-cell {
+      padding: 0;
+    }
+  }
+
   .vxe-table--render-default {
     .vxe-header--column.col--ellipsis {
       height: getCompCssVar('header-height');

package/theme-style/src/tabs.scss

@@ -331,11 +331,15 @@ $name: tabs;
 
     .#{$namespace}-tabs__nav.is-left,
     .#{$namespace}-tabs__nav.is-right {
-      float: none;
+      flex-direction: column;
     }
-    .#{$namespace}-tabs__item.is-left,
+
+    .#{$namespace}-tabs__item.is-left {
+      justify-content: flex-end;
+    }
+
     .#{$namespace}-tabs__item.is-right {
-      display: block;
+      justify-content: flex-start;
     }
   }
   @include m(left) {
@@ -360,6 +364,66 @@ $name: tabs;
       text-align: right;
     }
 
+    &.#{$namespace}-tabs--card {
+      .#{$namespace}-tabs__active-bar.is-left {
+        display: none;
+      }
+
+      .#{$namespace}-tabs__item.is-left {
+        border-left: none;
+        border-right: 1px solid getCssVar('border-color-light');
+        border-bottom: none;
+        border-top: 1px solid getCssVar('border-color-light');
+        text-align: left;
+      }
+
+      .#{$namespace}-tabs__item.is-left:first-child {
+        border-right: 1px solid getCssVar('border-color-light');
+        border-top: none;
+      }
+
+      .#{$namespace}-tabs__item.is-left.is-active {
+        border: 1px solid getCssVar('border-color-light');
+        border-right-color: #fff;
+        border-left: none;
+        border-bottom: none;
+
+        &:first-child {
+          border-top: none;
+        }
+
+        &:last-child {
+          border-bottom: none;
+        }
+      }
+
+      .#{$namespace}-tabs__nav {
+        border-radius: 4px 0 0 4px;
+        border-bottom: 1px solid getCssVar('border-color-light');
+        border-right: none;
+      }
+
+      .#{$namespace}-tabs__new-tab {
+        float: none;
+      }
+    }
+
+    &.#{$namespace}-tabs--border-card {
+      .#{$namespace}-tabs__header.is-left {
+        border-right: 1px solid getCssVar('border-color');
+      }
+
+      .#{$namespace}-tabs__item.is-left {
+        border: 1px solid transparent;
+        margin: -1px 0 -1px -1px;
+
+        &.is-active {
+          border-color: transparent;
+          border-top-color: rgb(209, 219, 229);
+          border-bottom-color: rgb(209, 219, 229);
+        }
+      }
+    }
   }
   @include m(right) {
     .#{$namespace}-tabs__header.is-right {
@@ -380,6 +444,59 @@ $name: tabs;
     .#{$namespace}-tabs__active-bar.is-right {
       left: 0;
     }
+
+    &.#{$namespace}-tabs--card {
+      .#{$namespace}-tabs__active-bar.is-right {
+        display: none;
+      }
+
+      .#{$namespace}-tabs__item.is-right {
+        border-bottom: none;
+        border-top: 1px solid getCssVar('border-color-light');
+      }
+
+      .#{$namespace}-tabs__item.is-right:first-child {
+        border-left: 1px solid getCssVar('border-color-light');
+        border-top: none;
+      }
+
+      .#{$namespace}-tabs__item.is-right.is-active {
+        border: 1px solid getCssVar('border-color-light');
+        border-left-color: #fff;
+        border-right: none;
+        border-bottom: none;
+
+        &:first-child {
+          border-top: none;
+        }
+
+        &:last-child {
+          border-bottom: none;
+        }
+      }
+
+      .#{$namespace}-tabs__nav {
+        border-radius: 0 4px 4px 0;
+        border-bottom: 1px solid getCssVar('border-color-light');
+        border-left: none;
+      }
+    }
+    &.#{$namespace}-tabs--border-card {
+      .#{$namespace}-tabs__header.is-right {
+        border-left: 1px solid getCssVar('border-color');
+      }
+
+      .#{$namespace}-tabs__item.is-right {
+        border: 1px solid transparent;
+        margin: -1px -1px -1px 0;
+
+        &.is-active {
+          border-color: transparent;
+          border-top-color: rgb(209, 219, 229);
+          border-bottom-color: rgb(209, 219, 229);
+        }
+      }
+    }
   }
 }
 

package/theme-style/vft-input.css

@@ -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);position:relative;font-size:var(--vft-font-size-base);display:inline-flex;width:var(--vft-input-width);line-height:var(--vft-input-height);box-sizing:border-box;vertical-align:middle;transition:width .2s ease}.vft-input::-webkit-scrollbar{z-index:11;width:6px}.vft-input::-webkit-scrollbar:horizontal{height:6px}.vft-input::-webkit-scrollbar-thumb{border-radius:5px;width:6px;background:#c0c4cc;border:0 solid transparent}.vft-input::-webkit-scrollbar-thumb:hover{background:#c0c4cc}.vft-input::-webkit-scrollbar-corner{background:0 0}.vft-input::-webkit-scrollbar-track{background:0 0}.vft-input::-webkit-scrollbar-track-piece{background:0 0;width:6px}.vft-input .vft-input__clear,.vft-input .vft-input__password{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{height:100%;display:inline-flex;align-items:center;color:var(--vft-info-color);font-size:12px}.vft-input .vft-input__count .vft-input__count-inner{background:var(--vft-fill-color-blank);line-height:initial;display:inline-block;padding-left:8px}.vft-input__wrapper{display:inline-flex;flex-grow:1;align-items:center;justify-content:center;padding:1px 11px;background-color:var(--vft-input-bg-color,var(--vft-fill-color-blank));background-image:none;border-radius:var(--vft-input-border-radius,var(--vft-border-radius-base));border:1px solid var(--vft-input-border-color);transition:var(--vft-transition-all)}.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{--vft-input-inner-height:calc(var(--vft-input-height, 32px) - 2px);width:100%;flex-grow:1;-webkit-appearance:none;color:var(--vft-input-text-color,var(--vft-text-regular-color));font-size:inherit;height:var(--vft-input-inner-height);line-height:var(--vft-input-inner-height);padding:0;outline:0;border:none;background:0 0;box-sizing:border-box}.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__prefix{display:inline-flex;white-space:nowrap;flex-shrink:0;flex-wrap:nowrap;height:100%;text-align:center;color:var(--vft-input-icon-color,var(--vft-text-placeholder-color));transition:all var(--vft-transition-duration);pointer-events:none}.vft-input__prefix-inner{pointer-events:all;display:inline-flex;align-items:center;justify-content:center}.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;white-space:nowrap;flex-shrink:0;flex-wrap:nowrap;height:100%;text-align:center;color:var(--vft-input-icon-color,var(--vft-text-placeholder-color));transition:all var(--vft-transition-duration);pointer-events:none}.vft-input__suffix-inner{pointer-events:all;display:inline-flex;align-items:center;justify-content:center}.vft-input__suffix-inner>:first-child{margin-left:8px}.vft-input .vft-input__icon{transition:all var(--vft-transition-duration);margin-left:8px}.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{background-color:var(--vft-disabled-bg-color);border:1px solid var(--vft-input-disable-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--large{--vft-input-height:var(--vft-component-size-large);font-size:14px}.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{--vft-input-height:var(--vft-component-size-small);font-size:12px}.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 .icon-search{-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%;background-color:currentColor;color:var(--vft-icon-color);width:1em;height:1em}.vft-input .icon-hide{-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%;background-color:currentColor;color:var(--vft-icon-color);width:1em;height:1em}.vft-input .icon-view{-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%;background-color:currentColor;color:var(--vft-icon-color);width:1em;height:1em}.vft-input .icon-loading{-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%;background-color:currentColor;color:var(--vft-icon-color);width:1em;height:1em}.vft-input .icon-circle-check{-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%;background-color:currentColor;color:var(--vft-icon-color);width:1em;height:1em}.vft-input .icon-circle-close{-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%;background-color:currentColor;color:var(--vft-icon-color);width:1em;height:1em}.vft-input .icon-close{-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%;background-color:currentColor;color:var(--vft-icon-color);width:1em;height:1em}.vft-input-group{display:inline-flex;width:100%;align-items:stretch}.vft-input-group__append,.vft-input-group__prepend{background-color:var(--vft-fill-color-light);color:var(--vft-info-color);position:relative;display:inline-flex;align-items:center;justify-content:center;min-height:100%;border-radius:var(--vft-input-border-radius);padding:0 20px;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-top-right-radius:0;border-bottom-right-radius:0;border:1px solid var(--vft-input-border-color);border-right:0}.vft-input-group__append{border-top-left-radius:0;border-bottom-left-radius:0;border:1px solid var(--vft-input-border-color);border-left:0}.vft-input-group--prepend>.vft-input__wrapper{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-top-right-radius:0;border-bottom-right-radius:0;border:1px solid var(--vft-input-border-color)}.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{border:1px solid var(--vft-input-focus-border-color);z-index:2}.vft-input-group--prepend .vft-input-group__prepend .vft-select .vft-input.is-focus .vft-input__wrapper:focus{outline:0;z-index:2;border:1px solid var(--vft-input-focus-border-color)}.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--append>.vft-input__wrapper{border-top-right-radius:0;border-bottom-right-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-top-left-radius:0;border-bottom-left-radius:0;border:1px solid var(--vft-input-border-color)}.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-textarea{position:relative;display:inline-block;width:100%;vertical-align:bottom;font-size:var(--vft-font-size-base)}.vft-textarea__inner{position:relative;display:block;resize:vertical;padding:5px 11px;line-height:1.5;box-sizing:border-box;width:100%;color:var(--vft-input-text-color,var(--vft-text-regular-color));background-color:var(--vft-input-bg-color,var(--vft-fill-color-blank));background-image:none;-webkit-appearance:none;border-radius:var(--vft-input-border-radius,var(--vft-border-radius-base));transition:var(--vft-transition-box-shadow);border:1px solid var(--vft-input-border-color)}.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{outline:0;border:1px solid var(--vft-input-focus-border-color)}.vft-textarea .vft-input__count{color:var(--vft-info-color);background:var(--vft-fill-color-blank);position:absolute;font-size:12px;line-height:14px;bottom:5px;right:10px}.vft-textarea.is-disabled .vft-textarea__inner{background-color:var(--vft-disabled-bg-color);border-color:var(--vft-disabled-border-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)}
+: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);position:relative;font-size:var(--vft-font-size-base);display:inline-flex;width:var(--vft-input-width);line-height:var(--vft-input-height);box-sizing:border-box;vertical-align:middle;transition:width .2s ease}.vft-input::-webkit-scrollbar{z-index:11;width:6px}.vft-input::-webkit-scrollbar:horizontal{height:6px}.vft-input::-webkit-scrollbar-thumb{border-radius:5px;width:6px;background:#c0c4cc;border:0 solid transparent}.vft-input::-webkit-scrollbar-thumb:hover{background:#c0c4cc}.vft-input::-webkit-scrollbar-corner{background:0 0}.vft-input::-webkit-scrollbar-track{background:0 0}.vft-input::-webkit-scrollbar-track-piece{background:0 0;width:6px}.vft-input .vft-input__clear,.vft-input .vft-input__password{color:var(--vft-input-icon-color);font-size:14px;cursor:pointer;z-index:1}.vft-input .vft-input__clear:hover,.vft-input .vft-input__password:hover{color:var(--vft-input-clear-hover-color)}.vft-input .vft-input__count{height:100%;display:inline-flex;align-items:center;color:var(--vft-info-color);font-size:12px}.vft-input .vft-input__count .vft-input__count-inner{background:var(--vft-fill-color-blank);line-height:initial;display:inline-block;padding-left:8px}.vft-input__wrapper{display:inline-flex;flex-grow:1;align-items:center;justify-content:center;padding:1px 11px;background-color:var(--vft-input-bg-color,var(--vft-fill-color-blank));background-image:none;border-radius:var(--vft-input-border-radius,var(--vft-border-radius-base));border:1px solid var(--vft-input-border-color);transition:var(--vft-transition-all)}.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{--vft-input-inner-height:calc(var(--vft-input-height, 32px) - 2px);width:100%;flex-grow:1;-webkit-appearance:none;color:var(--vft-input-text-color,var(--vft-text-regular-color));font-size:inherit;height:var(--vft-input-inner-height);line-height:var(--vft-input-inner-height);padding:0;outline:0;border:none;background:0 0;box-sizing:border-box}.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__prefix{display:inline-flex;white-space:nowrap;flex-shrink:0;flex-wrap:nowrap;height:100%;text-align:center;color:var(--vft-input-icon-color,var(--vft-text-placeholder-color));transition:all var(--vft-transition-duration);pointer-events:none}.vft-input__prefix-inner{pointer-events:all;display:inline-flex;align-items:center;justify-content:center}.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;white-space:nowrap;flex-shrink:0;flex-wrap:nowrap;height:100%;text-align:center;color:var(--vft-input-icon-color,var(--vft-text-placeholder-color));transition:all var(--vft-transition-duration);pointer-events:none}.vft-input__suffix-inner{pointer-events:all;display:inline-flex;align-items:center;justify-content:center}.vft-input__suffix-inner>:first-child{margin-left:8px}.vft-input .vft-input__icon{transition:all var(--vft-transition-duration);margin-left:8px}.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{background-color:var(--vft-disabled-bg-color);border:1px solid var(--vft-input-disable-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--large{--vft-input-height:var(--vft-component-size-large);font-size:14px}.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{--vft-input-height:var(--vft-component-size-small);font-size:12px}.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 .icon-search{-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%;background-color:currentColor;color:var(--vft-icon-color);width:1em;height:1em}.vft-input .icon-hide{-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%;background-color:currentColor;color:var(--vft-icon-color);width:1em;height:1em}.vft-input .icon-view{-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%;background-color:currentColor;color:var(--vft-icon-color);width:1em;height:1em}.vft-input .icon-loading{-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%;background-color:currentColor;color:var(--vft-icon-color);width:1em;height:1em}.vft-input .icon-circle-check{-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%;background-color:currentColor;color:var(--vft-icon-color);width:1em;height:1em}.vft-input .icon-circle-close{-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%;background-color:currentColor;color:var(--vft-icon-color);width:1em;height:1em}.vft-input .icon-close{-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%;background-color:currentColor;color:var(--vft-icon-color);width:1em;height:1em}.vft-input-group{display:inline-flex;width:100%;align-items:stretch}.vft-input-group__append,.vft-input-group__prepend{background-color:var(--vft-fill-color-light);color:var(--vft-info-color);position:relative;display:inline-flex;align-items:center;justify-content:center;min-height:100%;border-radius:var(--vft-input-border-radius);padding:0 20px;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-top-right-radius:0;border-bottom-right-radius:0;border:1px solid var(--vft-input-border-color);border-right:0}.vft-input-group__append{border-top-left-radius:0;border-bottom-left-radius:0;border:1px solid var(--vft-input-border-color);border-left:0}.vft-input-group--prepend>.vft-input__wrapper{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-top-right-radius:0;border-bottom-right-radius:0;border:1px solid var(--vft-input-border-color)}.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{border:1px solid var(--vft-input-focus-border-color);z-index:2}.vft-input-group--prepend .vft-input-group__prepend .vft-select .vft-input.is-focus .vft-input__wrapper:focus{outline:0;z-index:2;border:1px solid var(--vft-input-focus-border-color)}.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--append>.vft-input__wrapper{border-top-right-radius:0;border-bottom-right-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-top-left-radius:0;border-bottom-left-radius:0;border:1px solid var(--vft-input-border-color)}.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-textarea{position:relative;display:inline-block;width:100%;vertical-align:bottom;font-size:var(--vft-font-size-base)}.vft-textarea__inner{position:relative;display:block;resize:vertical;padding:5px 11px;line-height:1.5;box-sizing:border-box;width:100%;color:var(--vft-input-text-color,var(--vft-text-regular-color));background-color:var(--vft-input-bg-color,var(--vft-fill-color-blank));background-image:none;-webkit-appearance:none;border-radius:var(--vft-input-border-radius,var(--vft-border-radius-base));transition:var(--vft-transition-box-shadow);border:1px solid var(--vft-input-border-color)}.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{outline:0;border:1px solid var(--vft-input-focus-border-color)}.vft-textarea .vft-input__count{color:var(--vft-info-color);background:var(--vft-fill-color-blank);position:absolute;font-size:12px;line-height:14px;bottom:5px;right:10px}.vft-textarea.is-disabled .vft-textarea__inner{background-color:var(--vft-disabled-bg-color);border-color:var(--vft-disabled-border-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)}

package/theme-style/vft-md-comment.css

@@ -1 +1 @@
-:root{--waline-font-size:1rem;--waline-white:#fff;--waline-light-grey:#999;--waline-dark-grey:#666;--waline-theme-color:#27ae60;--waline-active-color:#2ecc71;--waline-color:#444;--waline-bgcolor:#fff;--waline-bgcolor-light:#f8f8f8;--waline-bgcolor-hover:#f0f0f0;--waline-border-color:#ddd;--waline-disable-bgcolor:#f8f8f8;--waline-disable-color:#000;--waline-code-bgcolor:#282c34;--waline-bq-color:#f0f0f0;--waline-avatar-size:3.25rem;--waline-m-avatar-size:calc(var(--waline-avatar-size) * 9 / 13);--waline-badge-color:#3498db;--waline-badge-font-size:0.75em;--waline-info-bgcolor:#f8f8f8;--waline-info-color:#999;--waline-info-font-size:0.625em;--waline-border:1px solid var(--waline-border-color);--waline-avatar-radius:50%;--waline-box-shadow:none}.vft-md-comment #vft-md-comment__waline{max-width:var(--vft-md-container-content-max-width);min-width:300px}.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(--waline-font-size);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(--waline-color)}.vft-md-comment [data-waline] a{position:relative;display:inline-block;color:var(--waline-theme-color);text-decoration:none;word-break:break-word;cursor:pointer}.vft-md-comment [data-waline] a:hover{color:var(--waline-active-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(--waline-bgcolor-light)}.vft-md-comment [data-waline] code,.vft-md-comment [data-waline] pre{margin:0;padding:.2em .4em;border-radius:3px;background:var(--waline-bgcolor-light);font-size:85%}.vft-md-comment [data-waline] pre{overflow:auto;padding:10px;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(--waline-theme-color)}.vft-md-comment [data-waline] pre code{padding:0;background:rgba(0,0,0,0);color:var(--waline-color);white-space:pre-wrap;word-break:keep-all}.vft-md-comment [data-waline] blockquote{margin:.5em 0;padding:.5em 0 .5em 1em;-webkit-border-start:8px solid var(--waline-bq-color);border-inline-start:8px solid var(--waline-bq-color);color:var(--waline-dark-grey)}.vft-md-comment [data-waline] blockquote>p{margin:0}.vft-md-comment [data-waline] ol,.vft-md-comment [data-waline] ul{-webkit-margin-start:1.25em;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;vertical-align:middle;margin-top:-2px}.vft-md-comment .wl-btn{display:inline-block;vertical-align:middle;min-width:2.5em;margin-bottom:0;padding:.5em 1em;border:1px solid var(--waline-border-color);border-radius:.5em;background:rgba(0,0,0,0);color:var(--waline-color);font-weight:400;font-size:.75em;line-height:1.5;text-align:center;white-space:nowrap;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition-duration:.4s;touch-action:manipulation}.vft-md-comment .wl-btn:active,.vft-md-comment .wl-btn:hover{border-color:var(--waline-theme-color);color:var(--waline-theme-color)}.vft-md-comment .wl-btn:disabled{border-color:var(--waline-border-color);background:var(--waline-disable-bgcolor);color:var(--waline-disable-color);cursor:not-allowed}.vft-md-comment .wl-btn.primary{border-color:var(--waline-theme-color);background:var(--waline-theme-color);color:var(--waline-white)}.vft-md-comment .wl-btn.primary:active,.vft-md-comment .wl-btn.primary:hover{border-color:var(--waline-active-color);background:var(--waline-active-color);color:var(--waline-white)}.vft-md-comment .wl-btn.primary:disabled{border-color:var(--waline-border-color);background:var(--waline-disable-bgcolor);color:var(--waline-disable-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{position:relative;display:flex;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:var(--waline-avatar-size);height:var(--waline-avatar-size);margin:0 auto;border:var(--waline-border);border-radius:var(--waline-avatar-radius)}@media (max-width:720px){.vft-md-comment .wl-avatar{width:var(--waline-m-avatar-size);height:var(--waline-m-avatar-size)}}.vft-md-comment .wl-avatar img{width:100%;height:100%;border-radius:var(--waline-avatar-radius)}.vft-md-comment .wl-login-nick{display:block;color:var(--waline-theme-color);font-size:.75em;word-break:break-all}.vft-md-comment .wl-panel{position:relative;flex-shrink:1;width:100%;margin:.5em;border:var(--waline-border);border-radius:.75em;background:var(--waline-bgcolor);box-shadow:var(--waline-box-shadow)}.vft-md-comment .wl-header{display:flex;overflow:hidden;padding:0 4px;border-bottom:2px dashed var(--waline-border-color);border-top-left-radius:.75em;border-top-right-radius:.75em}@media (max-width:580px){.vft-md-comment .wl-header{display:block}}.vft-md-comment .wl-header label{min-width:40px;padding:.75em .5em;color:var(--waline-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}@media (max-width:580px){.vft-md-comment .wl-header-item:not(:last-child){border-bottom:2px dashed var(--waline-border-color)}}.vft-md-comment .wl-header-1 .wl-header-item{width:100%}.vft-md-comment .wl-header-2 .wl-header-item{width:50%}@media (max-width:580px){.vft-md-comment .wl-header-2 .wl-header-item{flex:0;width:100%}}.vft-md-comment .wl-header-3 .wl-header-item{width:33.33%}@media (max-width:580px){.vft-md-comment .wl-header-3 .wl-header-item{width:100%}}.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%;border:none;color:var(--waline-color);outline:0;transition:all .25s ease}.vft-md-comment .wl-editor:focus,.vft-md-comment .wl-input:focus{background:var(--waline-bgcolor-light)}.vft-md-comment .wl-preview{padding:0 .5em .5em}.vft-md-comment .wl-preview h4{margin:.25em;font-weight:700;font-size:.9375em}.vft-md-comment .wl-preview .wl-content{min-height:1.25em;padding:.25em;word-break:break-word;-webkit-hyphens:auto;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{position:relative;display:flex;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(--waline-color);font-size:16px;cursor:pointer}.vft-md-comment .wl-action:hover{color:var(--waline-theme-color)}.vft-md-comment .wl-action.active{color:var(--waline-active-color)}.vft-md-comment #wl-image-upload{display:none}.vft-md-comment #wl-image-upload:focus+label{color:var(--waline-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(--waline-info-color);font-size:.75em}.vft-md-comment .wl-info .wl-text-number .illegal{color:red}.vft-md-comment .wl-info button{-webkit-margin-start:.75em;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{position:absolute;top:100%;inset-inline-start:1.25em;z-index:10;max-width:526px;border:var(--waline-border);border-radius:6px;background:var(--waline-bgcolor);box-shadow:var(--waline-box-shadow);opacity:0;visibility:hidden;transition:transform .2s ease-out,opacity .2s ease-out;transform:scale(.9,.9);transform-origin:0 0}.vft-md-comment .wl-emoji-popup.display{opacity:1;visibility:visible;transform:none}.vft-md-comment .wl-emoji-popup button{display:inline-block;vertical-align:middle;width:2em;margin:.125em;padding:0;border-width:0;background:rgba(0,0,0,0);font-size:inherit;line-height:2;text-align:center;cursor:pointer}.vft-md-comment .wl-emoji-popup button:hover{background:var(--waline-bgcolor-hover)}.vft-md-comment .wl-emoji-popup .wl-emoji{display:inline-block;vertical-align:middle;max-width:1.5em;max-height:1.5em}.vft-md-comment .wl-emoji-popup .wl-tab-wrapper{overflow-y:auto;max-height:145px;padding:.5em}.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(--waline-theme-color)}.vft-md-comment .wl-emoji-popup .wl-tabs{position:relative;overflow-x:auto;padding:0 6px;white-space:nowrap}.vft-md-comment .wl-emoji-popup .wl-tabs::before{content:" ";position:absolute;top:0;right:0;left:0;z-index:2;height:1px;background:var(--waline-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(--waline-theme-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(--waline-border-color);border-top-width:0;border-bottom-right-radius:6px;border-bottom-left-radius:6px;background:var(--waline-bgcolor)}.vft-md-comment .wl-gif-popup{position:absolute;top:100%;inset-inline-start:1.25em;z-index:10;width:calc(100% - 3em);padding:.75em .75em .25em;border:var(--waline-border);border-radius:6px;background:var(--waline-bgcolor);box-shadow:var(--waline-box-shadow);opacity:0;visibility:hidden;transition:transform .2s ease-out,opacity .2s ease-out;transform:scale(.9,.9);transform-origin:0 0}.vft-md-comment .wl-gif-popup.display{opacity:1;visibility:visible;transform:none}.vft-md-comment .wl-gif-popup input{box-sizing:border-box;width:100%;margin-bottom:10px;padding:3px 5px;border:var(--waline-border)}.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-color:var(--waline-theme-color);border-radius:2px}.vft-md-comment .wl-gallery{display:flex;overflow-y:auto;max-height:80vh}.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:var(--waline-avatar-size);position:relative;-webkit-margin-end:.75em;margin-inline-end:.75em}@media (max-width:720px){.vft-md-comment .wl-cards .wl-user{--avatar-size:var(--waline-m-avatar-size)}}.vft-md-comment .wl-cards .wl-user img{width:var(--avatar-size);height:var(--avatar-size);border-radius:var(--waline-avatar-radius);box-shadow:var(--waline-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(--waline-bgcolor);box-shadow:var(--waline-box-shadow)}.vft-md-comment .wl-card-item{position:relative;display:flex;padding:.5em}.vft-md-comment .wl-card-item .wl-card-item{-webkit-padding-end:0;padding-inline-end:0}.vft-md-comment .wl-card{flex:1;width:0;padding-bottom:.5em;border-bottom:1px dashed var(--waline-border-color)}.vft-md-comment .wl-card:first-child{-webkit-margin-start:1em;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{position:relative;display:inline-block;-webkit-margin-end:.5em;margin-inline-end:.5em;font-weight:700;font-size:.875em;line-height:1;text-decoration:none}.vft-md-comment .wl-card span.wl-nick{color:var(--waline-dark-grey)}.vft-md-comment .wl-card .wl-badge{display:inline-block;-webkit-margin-end:1em;margin-inline-end:1em;padding:0 .3em;border:1px solid var(--waline-badge-color);border-radius:4px;color:var(--waline-badge-color);font-size:var(--waline-badge-font-size)}.vft-md-comment .wl-card .wl-time{-webkit-margin-end:.875em;margin-inline-end:.875em;color:var(--waline-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;-webkit-margin-end:.25em;margin-inline-end:.25em;padding:2px 4px;border-radius:.2em;background:var(--waline-info-bgcolor);color:var(--waline-info-color);font-size:var(--waline-info-font-size);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;border:none;background:rgba(0,0,0,0);color:var(--waline-color);line-height:1;cursor:pointer;transition:color .2s ease}.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(--waline-theme-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(--waline-active-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{overflow:hidden;max-height:8em;cursor:pointer}.vft-md-comment .wl-card .wl-content.expand::before{content:"";position:absolute;top:0;bottom:3.15em;inset-inline-start:0;z-index:999;display:block;width:100%;background:linear-gradient(180deg,#000,rgba(255,255,255,.9))}.vft-md-comment .wl-card .wl-content.expand::after{content:attr(data-expand);position:absolute;bottom:0;inset-inline-start:0;z-index:999;display:block;width:100%;height:3.15em;background:rgba(255,255,255,.9);color:#828586;line-height:3.15em;text-align:center}.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{-webkit-border-end:0;border-inline-end:0;border-radius:.5em 0 0 .5em}.vft-md-comment .wl-card .wl-comment-status .wl-btn:last-child{-webkit-border-start:0;border-inline-start:0;border-radius:0 .5em .5em 0}.vft-md-comment .wl-card .wl-quote{-webkit-border-start:1px dashed rgba(237,237,237,.5);border-inline-start:1px dashed rgba(237,237,237,.5)}.vft-md-comment .wl-card .wl-quote .wl-user{--avatar-size:var(--waline-m-avatar-size)}.vft-md-comment .wl-close-icon{color:var(--waline-border-color)}.vft-md-comment .wl-content .vemoji,.vft-md-comment .wl-content .wl-emoji{display:inline-block;vertical-align:baseline;height:1.25em;margin:-.125em .25em}.vft-md-comment .wl-content .wl-tex{background:var(--waline-info-bgcolor);color:var(--waline-info-color)}.vft-md-comment .wl-content span.wl-tex{display:inline-block;-webkit-margin-end:.25em;margin-inline-end:.25em;padding:2px 4px;border-radius:.2em;font-size:var(--waline-info-font-size);line-height:1.5}.vft-md-comment .wl-content p.wl-tex{text-align:center}.vft-md-comment .wl-content .katex-display{overflow:auto hidden;-webkit-overflow-scrolling:touch;padding-top:.2em;padding-bottom:.2em}.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-weight:700;font-size:1.25em}.vft-md-comment .wl-empty{overflow:auto;padding:1.25em;color:var(--waline-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(--waline-light-grey);font-size:var(--waline-info-font-size);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(--waline-info-color);font-size:.75em;cursor:pointer}.vft-md-comment .wl-sort li.active{color:var(--waline-theme-color)}.vft-md-comment .wl-sort li+li{-webkit-margin-start:1em;margin-inline-start:1em}.vft-md-comment .wl-reaction{overflow:auto hidden;margin-bottom:1.75em;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-weight:700;font-size:18px}.vft-md-comment .wl-reaction-list{display:flex;flex-direction:row;gap:16px;justify-content:center;margin:0;padding:8px;list-style-type:none}@media (max-width:580px){.vft-md-comment .wl-reaction-list{gap:12px}}.vft-md-comment [data-waline] .wl-reaction-list{-webkit-margin-start:0;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}@media (max-width:580px){.vft-md-comment .wl-reaction-img{width:32px;height:32px}}.vft-md-comment .wl-reaction-loading{position:absolute;top:-4px;inset-inline-end:-5px;width:18px;height:18px;color:var(--waline-theme-color)}.vft-md-comment .wl-reaction-votes{position:absolute;top:-9px;inset-inline-end:-9px;min-width:1em;padding:2px;border:1px solid var(--waline-theme-color);border-radius:1em;background:var(--waline-bgcolor);color:var(--waline-theme-color);font-weight:700;font-size:.75em;line-height:1}.vft-md-comment .wl-reaction-item.active .wl-reaction-votes{background:var(--waline-theme-color);color:var(--waline-bgcolor)}.vft-md-comment .wl-reaction-text{font-size:.875em}.vft-md-comment .wl-reaction-item.active .wl-reaction-text{color:var(--waline-theme-color)}.vft-md-comment .wl-content pre,.vft-md-comment .wl-content pre[class*=language-]{overflow:auto;margin:.75rem 0;padding:1rem 1.25rem;border-radius:6px;background:var(--waline-code-bgcolor);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;white-space:pre;word-spacing:normal;word-wrap:normal;word-break:normal;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;hyphens:none}.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(--waline-color);text-decoration:none}.vft-md-comment .wl-user-list .wl-user-avatar{position:relative;display:inline-block;overflow:hidden;-webkit-margin-end:10px;margin-inline-end:10px;border-radius:4px;line-height:0}.vft-md-comment .wl-user-list .wl-user-avatar>img{width:var(--waline-user-avatar-size,48px);height:var(--waline-user-avatar-size,48px)}.vft-md-comment .wl-user-list .wl-user-badge{position:absolute;bottom:0;inset-inline-end:0;min-width:.7em;height:1.5em;padding:0 .4em;border-radius:4px;background:var(--waline-info-bgcolor);color:var(--waline-info-color);font-weight:700;font-size:10px;line-height:1.5em;text-align:center}.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:var(--waline-rank-gold-bgcolor,#fa3939);color:var(--waline-white);font-weight:700}.vft-md-comment .wl-user-list .wl-user-item:nth-child(2) .wl-user-badge{background:var(--waline-rank-silver-bgcolor,#fb811c);color:var(--waline-white);font-weight:700}.vft-md-comment .wl-user-list .wl-user-item:nth-child(3) .wl-user-badge{background:var(--waline-rank-copper-bgcolor,#feb207);color:var(--waline-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;vertical-align:text-top;-webkit-margin-start:.5em;margin-inline-start:.5em;padding:0 .3em;border:1px solid var(--waline-badge-color);border-radius:4px;color:var(--waline-badge-color);font-size:var(--waline-badge-font-size)}.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{position:relative;display:inline-block;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;bottom:100%;left:50%;z-index:10;opacity:0;pointer-events:none;transition:all .18s ease-out .18s;transform:translate(-50%,4px);transform-origin:top}.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{opacity:1;pointer-events:none;transform:translate(-50%,0)}.vft-md-comment .wl-user-wall .wl-user-item img{width:var(--waline-user-avatar-size,48px);height:var(--waline-user-avatar-size,48px)}
+:root{--waline-font-size:1rem;--waline-white:#fff;--waline-light-grey:#999;--waline-dark-grey:#666;--waline-theme-color:#27ae60;--waline-active-color:#2ecc71;--waline-color:#444;--waline-bgcolor:#fff;--waline-bgcolor-light:#f8f8f8;--waline-bgcolor-hover:#f0f0f0;--waline-border-color:#ddd;--waline-disable-bgcolor:#f8f8f8;--waline-disable-color:#000;--waline-code-bgcolor:#282c34;--waline-bq-color:#f0f0f0;--waline-avatar-size:3.25rem;--waline-m-avatar-size:calc(var(--waline-avatar-size) * 9 / 13);--waline-badge-color:#3498db;--waline-badge-font-size:0.75em;--waline-info-bgcolor:#f8f8f8;--waline-info-color:#999;--waline-info-font-size:0.625em;--waline-border:1px solid var(--waline-border-color);--waline-avatar-radius:50%;--waline-box-shadow:none}.vft-md-comment #vft-md-comment__waline{max-width:var(--vft-md-container-content-max-width);min-width:300px}.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(--waline-font-size);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(--waline-color)}.vft-md-comment [data-waline] a{position:relative;display:inline-block;color:var(--waline-theme-color);text-decoration:none;word-break:break-word;cursor:pointer}.vft-md-comment [data-waline] a:hover{color:var(--waline-active-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(--waline-bgcolor-light)}.vft-md-comment [data-waline] code,.vft-md-comment [data-waline] pre{margin:0;padding:.2em .4em;border-radius:3px;background:var(--waline-bgcolor-light);font-size:85%}.vft-md-comment [data-waline] pre{overflow:auto;padding:10px;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(--waline-theme-color)}.vft-md-comment [data-waline] pre code{padding:0;background:rgba(0,0,0,0);color:var(--waline-color);white-space:pre-wrap;word-break:keep-all}.vft-md-comment [data-waline] blockquote{margin:.5em 0;padding:.5em 0 .5em 1em;border-inline-start:8px solid var(--waline-bq-color);color:var(--waline-dark-grey)}.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;vertical-align:middle;margin-top:-2px}.vft-md-comment .wl-btn{display:inline-block;vertical-align:middle;min-width:2.5em;margin-bottom:0;padding:.5em 1em;border:1px solid var(--waline-border-color);border-radius:.5em;background:rgba(0,0,0,0);color:var(--waline-color);font-weight:400;font-size:.75em;line-height:1.5;text-align:center;white-space:nowrap;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition-duration:.4s;touch-action:manipulation}.vft-md-comment .wl-btn:active,.vft-md-comment .wl-btn:hover{border-color:var(--waline-theme-color);color:var(--waline-theme-color)}.vft-md-comment .wl-btn:disabled{border-color:var(--waline-border-color);background:var(--waline-disable-bgcolor);color:var(--waline-disable-color);cursor:not-allowed}.vft-md-comment .wl-btn.primary{border-color:var(--waline-theme-color);background:var(--waline-theme-color);color:var(--waline-white)}.vft-md-comment .wl-btn.primary:active,.vft-md-comment .wl-btn.primary:hover{border-color:var(--waline-active-color);background:var(--waline-active-color);color:var(--waline-white)}.vft-md-comment .wl-btn.primary:disabled{border-color:var(--waline-border-color);background:var(--waline-disable-bgcolor);color:var(--waline-disable-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{position:relative;display:flex;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:var(--waline-avatar-size);height:var(--waline-avatar-size);margin:0 auto;border:var(--waline-border);border-radius:var(--waline-avatar-radius)}@media (max-width:720px){.vft-md-comment .wl-avatar{width:var(--waline-m-avatar-size);height:var(--waline-m-avatar-size)}}.vft-md-comment .wl-avatar img{width:100%;height:100%;border-radius:var(--waline-avatar-radius)}.vft-md-comment .wl-login-nick{display:block;color:var(--waline-theme-color);font-size:.75em;word-break:break-all}.vft-md-comment .wl-panel{position:relative;flex-shrink:1;width:100%;margin:.5em;border:var(--waline-border);border-radius:.75em;background:var(--waline-bgcolor);box-shadow:var(--waline-box-shadow)}.vft-md-comment .wl-header{display:flex;overflow:hidden;padding:0 4px;border-bottom:2px dashed var(--waline-border-color);border-top-left-radius:.75em;border-top-right-radius:.75em}@media (max-width:580px){.vft-md-comment .wl-header{display:block}}.vft-md-comment .wl-header label{min-width:40px;padding:.75em .5em;color:var(--waline-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}@media (max-width:580px){.vft-md-comment .wl-header-item:not(:last-child){border-bottom:2px dashed var(--waline-border-color)}}.vft-md-comment .wl-header-1 .wl-header-item{width:100%}.vft-md-comment .wl-header-2 .wl-header-item{width:50%}@media (max-width:580px){.vft-md-comment .wl-header-2 .wl-header-item{flex:0;width:100%}}.vft-md-comment .wl-header-3 .wl-header-item{width:33.33%}@media (max-width:580px){.vft-md-comment .wl-header-3 .wl-header-item{width:100%}}.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%;border:none;color:var(--waline-color);outline:0;transition:all .25s ease}.vft-md-comment .wl-editor:focus,.vft-md-comment .wl-input:focus{background:var(--waline-bgcolor-light)}.vft-md-comment .wl-preview{padding:0 .5em .5em}.vft-md-comment .wl-preview h4{margin:.25em;font-weight:700;font-size:.9375em}.vft-md-comment .wl-preview .wl-content{min-height:1.25em;padding:.25em;word-break:break-word;-webkit-hyphens:auto;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{position:relative;display:flex;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(--waline-color);font-size:16px;cursor:pointer}.vft-md-comment .wl-action:hover{color:var(--waline-theme-color)}.vft-md-comment .wl-action.active{color:var(--waline-active-color)}.vft-md-comment #wl-image-upload{display:none}.vft-md-comment #wl-image-upload:focus+label{color:var(--waline-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(--waline-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{position:absolute;top:100%;inset-inline-start:1.25em;z-index:10;max-width:526px;border:var(--waline-border);border-radius:6px;background:var(--waline-bgcolor);box-shadow:var(--waline-box-shadow);opacity:0;visibility:hidden;transition:transform .2s ease-out,opacity .2s ease-out;transform:scale(.9,.9);transform-origin:0 0}.vft-md-comment .wl-emoji-popup.display{opacity:1;visibility:visible;transform:none}.vft-md-comment .wl-emoji-popup button{display:inline-block;vertical-align:middle;width:2em;margin:.125em;padding:0;border-width:0;background:rgba(0,0,0,0);font-size:inherit;line-height:2;text-align:center;cursor:pointer}.vft-md-comment .wl-emoji-popup button:hover{background:var(--waline-bgcolor-hover)}.vft-md-comment .wl-emoji-popup .wl-emoji{display:inline-block;vertical-align:middle;max-width:1.5em;max-height:1.5em}.vft-md-comment .wl-emoji-popup .wl-tab-wrapper{overflow-y:auto;max-height:145px;padding:.5em}.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(--waline-theme-color)}.vft-md-comment .wl-emoji-popup .wl-tabs{position:relative;overflow-x:auto;padding:0 6px;white-space:nowrap}.vft-md-comment .wl-emoji-popup .wl-tabs::before{content:" ";position:absolute;top:0;right:0;left:0;z-index:2;height:1px;background:var(--waline-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(--waline-theme-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(--waline-border-color);border-top-width:0;border-bottom-right-radius:6px;border-bottom-left-radius:6px;background:var(--waline-bgcolor)}.vft-md-comment .wl-gif-popup{position:absolute;top:100%;inset-inline-start:1.25em;z-index:10;width:calc(100% - 3em);padding:.75em .75em .25em;border:var(--waline-border);border-radius:6px;background:var(--waline-bgcolor);box-shadow:var(--waline-box-shadow);opacity:0;visibility:hidden;transition:transform .2s ease-out,opacity .2s ease-out;transform:scale(.9,.9);transform-origin:0 0}.vft-md-comment .wl-gif-popup.display{opacity:1;visibility:visible;transform:none}.vft-md-comment .wl-gif-popup input{box-sizing:border-box;width:100%;margin-bottom:10px;padding:3px 5px;border:var(--waline-border)}.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-color:var(--waline-theme-color);border-radius:2px}.vft-md-comment .wl-gallery{display:flex;overflow-y:auto;max-height:80vh}.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:var(--waline-avatar-size);position:relative;margin-inline-end:.75em}@media (max-width:720px){.vft-md-comment .wl-cards .wl-user{--avatar-size:var(--waline-m-avatar-size)}}.vft-md-comment .wl-cards .wl-user img{width:var(--avatar-size);height:var(--avatar-size);border-radius:var(--waline-avatar-radius);box-shadow:var(--waline-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(--waline-bgcolor);box-shadow:var(--waline-box-shadow)}.vft-md-comment .wl-card-item{position:relative;display:flex;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(--waline-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{position:relative;display:inline-block;margin-inline-end:.5em;font-weight:700;font-size:.875em;line-height:1;text-decoration:none}.vft-md-comment .wl-card span.wl-nick{color:var(--waline-dark-grey)}.vft-md-comment .wl-card .wl-badge{display:inline-block;margin-inline-end:1em;padding:0 .3em;border:1px solid var(--waline-badge-color);border-radius:4px;color:var(--waline-badge-color);font-size:var(--waline-badge-font-size)}.vft-md-comment .wl-card .wl-time{margin-inline-end:.875em;color:var(--waline-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(--waline-info-bgcolor);color:var(--waline-info-color);font-size:var(--waline-info-font-size);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;border:none;background:rgba(0,0,0,0);color:var(--waline-color);line-height:1;cursor:pointer;transition:color .2s ease}.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(--waline-theme-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(--waline-active-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{overflow:hidden;max-height:8em;cursor:pointer}.vft-md-comment .wl-card .wl-content.expand::before{content:"";position:absolute;top:0;bottom:3.15em;inset-inline-start:0;z-index:999;display:block;width:100%;background:linear-gradient(180deg,#000,rgba(255,255,255,.9))}.vft-md-comment .wl-card .wl-content.expand::after{content:attr(data-expand);position:absolute;bottom:0;inset-inline-start:0;z-index:999;display:block;width:100%;height:3.15em;background:rgba(255,255,255,.9);color:#828586;line-height:3.15em;text-align:center}.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:var(--waline-m-avatar-size)}.vft-md-comment .wl-close-icon{color:var(--waline-border-color)}.vft-md-comment .wl-content .vemoji,.vft-md-comment .wl-content .wl-emoji{display:inline-block;vertical-align:baseline;height:1.25em;margin:-.125em .25em}.vft-md-comment .wl-content .wl-tex{background:var(--waline-info-bgcolor);color:var(--waline-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(--waline-info-font-size);line-height:1.5}.vft-md-comment .wl-content p.wl-tex{text-align:center}.vft-md-comment .wl-content .katex-display{overflow:auto hidden;-webkit-overflow-scrolling:touch;padding-top:.2em;padding-bottom:.2em}.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-weight:700;font-size:1.25em}.vft-md-comment .wl-empty{overflow:auto;padding:1.25em;color:var(--waline-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(--waline-light-grey);font-size:var(--waline-info-font-size);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(--waline-info-color);font-size:.75em;cursor:pointer}.vft-md-comment .wl-sort li.active{color:var(--waline-theme-color)}.vft-md-comment .wl-sort li+li{margin-inline-start:1em}.vft-md-comment .wl-reaction{overflow:auto hidden;margin-bottom:1.75em;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-weight:700;font-size:18px}.vft-md-comment .wl-reaction-list{display:flex;flex-direction:row;gap:16px;justify-content:center;margin:0;padding:8px;list-style-type:none}@media (max-width:580px){.vft-md-comment .wl-reaction-list{gap:12px}}.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}@media (max-width:580px){.vft-md-comment .wl-reaction-img{width:32px;height:32px}}.vft-md-comment .wl-reaction-loading{position:absolute;top:-4px;inset-inline-end:-5px;width:18px;height:18px;color:var(--waline-theme-color)}.vft-md-comment .wl-reaction-votes{position:absolute;top:-9px;inset-inline-end:-9px;min-width:1em;padding:2px;border:1px solid var(--waline-theme-color);border-radius:1em;background:var(--waline-bgcolor);color:var(--waline-theme-color);font-weight:700;font-size:.75em;line-height:1}.vft-md-comment .wl-reaction-item.active .wl-reaction-votes{background:var(--waline-theme-color);color:var(--waline-bgcolor)}.vft-md-comment .wl-reaction-text{font-size:.875em}.vft-md-comment .wl-reaction-item.active .wl-reaction-text{color:var(--waline-theme-color)}.vft-md-comment .wl-content pre,.vft-md-comment .wl-content pre[class*=language-]{overflow:auto;margin:.75rem 0;padding:1rem 1.25rem;border-radius:6px;background:var(--waline-code-bgcolor);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;white-space:pre;word-spacing:normal;word-wrap:normal;word-break:normal;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;hyphens:none}.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(--waline-color);text-decoration:none}.vft-md-comment .wl-user-list .wl-user-avatar{position:relative;display:inline-block;overflow:hidden;margin-inline-end:10px;border-radius:4px;line-height:0}.vft-md-comment .wl-user-list .wl-user-avatar>img{width:var(--waline-user-avatar-size,48px);height:var(--waline-user-avatar-size,48px)}.vft-md-comment .wl-user-list .wl-user-badge{position:absolute;bottom:0;inset-inline-end:0;min-width:.7em;height:1.5em;padding:0 .4em;border-radius:4px;background:var(--waline-info-bgcolor);color:var(--waline-info-color);font-weight:700;font-size:10px;line-height:1.5em;text-align:center}.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:var(--waline-rank-gold-bgcolor,#fa3939);color:var(--waline-white);font-weight:700}.vft-md-comment .wl-user-list .wl-user-item:nth-child(2) .wl-user-badge{background:var(--waline-rank-silver-bgcolor,#fb811c);color:var(--waline-white);font-weight:700}.vft-md-comment .wl-user-list .wl-user-item:nth-child(3) .wl-user-badge{background:var(--waline-rank-copper-bgcolor,#feb207);color:var(--waline-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;vertical-align:text-top;margin-inline-start:.5em;padding:0 .3em;border:1px solid var(--waline-badge-color);border-radius:4px;color:var(--waline-badge-color);font-size:var(--waline-badge-font-size)}.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{position:relative;display:inline-block;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;bottom:100%;left:50%;z-index:10;opacity:0;pointer-events:none;transition:all .18s ease-out .18s;transform:translate(-50%,4px);transform-origin:top}.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{opacity:1;pointer-events:none;transform:translate(-50%,0)}.vft-md-comment .wl-user-wall .wl-user-item img{width:var(--waline-user-avatar-size,48px);height:var(--waline-user-avatar-size,48px)}