fantasia-ui 0.6.5 → 0.6.7

package/dist/fantasia-ui.css

@@ -5613,6 +5613,14 @@
   width: 100%;
 }
 
+.f-select-dropdown[data-placement=top] {
+  transform-origin: bottom center;
+}
+
+.f-select-dropdown[data-placement=bottom] {
+  transform-origin: top center;
+}
+
 .f-select {
   display: inline-flex;
   align-items: center;
@@ -5721,6 +5729,8 @@
   opacity: 0;
   pointer-events: none;
   transition: opacity 0.2s, color 0.2s;
+  display: inline-flex;
+  align-items: center;
 }
 .f-select__clear:hover {
   color: #64748b;
@@ -5740,6 +5750,19 @@
 .f-select.is-clearable:hover:not(.is-disabled) .f-select__arrow {
   opacity: 0;
 }
+.f-select.is-borderless {
+  border-color: transparent;
+  background: transparent;
+  box-shadow: none;
+}
+.f-select.is-borderless:hover, .f-select.is-borderless.is-open {
+  border-color: transparent;
+  background: var(--bg-tertiary);
+  box-shadow: none;
+}
+.f-select.is-borderless.is-disabled:hover {
+  background: transparent;
+}
 .f-select__input {
   flex: 1;
   min-width: 0;
@@ -6294,17 +6317,19 @@
 .f-step__content {
   min-width: 0;
   flex: 1;
-  padding-top: 4px;
+  padding-top: 2px;
 }
 .f-step__title {
   font-size: 14px;
   font-weight: 600;
   color: #1f2937;
+  line-height: 1.5;
 }
 .f-step__description {
-  margin-top: 4px;
+  margin-top: 6px;
   font-size: 12px;
   color: #64748b;
+  line-height: 1.5;
 }
 
 .f-switch {
@@ -8417,12 +8442,18 @@ to {
   color: var(--text-muted);
   border: 1px solid var(--border2);
 }
-.f-select-wrapper[data-v-2115ccc5] {
+.f-select-wrapper[data-v-42ec0325] {
   display: inline-block;
   position: relative;
   width: 100%;
 }
-.f-select[data-v-2115ccc5] {
+.f-select-dropdown[data-placement=top][data-v-42ec0325] {
+  transform-origin: bottom center;
+}
+.f-select-dropdown[data-placement=bottom][data-v-42ec0325] {
+  transform-origin: top center;
+}
+.f-select[data-v-42ec0325] {
   display: inline-flex;
   align-items: center;
   justify-content: space-between;
@@ -8441,66 +8472,66 @@ to {
   transition: all 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
   /* ---------- 多选：标签 ---------- */
 }
-.f-select[data-v-2115ccc5]:hover:not(.is-disabled) {
+.f-select[data-v-42ec0325]:hover:not(.is-disabled) {
   border-color: #ec4899;
 }
-.f-select.is-open[data-v-2115ccc5]:not(.is-disabled), .f-select[data-v-2115ccc5]:focus-within:not(.is-disabled) {
+.f-select.is-open[data-v-42ec0325]:not(.is-disabled), .f-select[data-v-42ec0325]:focus-within:not(.is-disabled) {
   border-color: #ec4899;
   background: #fff;
   box-shadow: 0 0 0 2px rgba(236, 72, 153, 0.2274509804);
 }
-.f-select.is-open:not(.is-disabled) .f-select__arrow[data-v-2115ccc5], .f-select:focus-within:not(.is-disabled) .f-select__arrow[data-v-2115ccc5] {
+.f-select.is-open:not(.is-disabled) .f-select__arrow[data-v-42ec0325], .f-select:focus-within:not(.is-disabled) .f-select__arrow[data-v-42ec0325] {
   transform: rotate(180deg);
 }
-.f-select.is-active .f-select__label[data-v-2115ccc5] {
+.f-select.is-active .f-select__label[data-v-42ec0325] {
   color: #1e293b;
 }
-.f-select.is-disabled[data-v-2115ccc5] {
+.f-select.is-disabled[data-v-42ec0325] {
   cursor: not-allowed;
   background-color: #f5f7fa;
   border-color: #e4e7ed;
   color: #c0c4cc;
 }
-.f-select.is-disabled .f-select__label[data-v-2115ccc5],
-.f-select.is-disabled .f-select__arrow[data-v-2115ccc5] {
+.f-select.is-disabled .f-select__label[data-v-42ec0325],
+.f-select.is-disabled .f-select__arrow[data-v-42ec0325] {
   cursor: not-allowed;
 }
-.f-select.is-disabled .f-select__tag[data-v-2115ccc5] {
+.f-select.is-disabled .f-select__tag[data-v-42ec0325] {
   opacity: 0.6;
 }
-.f-select--small[data-v-2115ccc5] {
+.f-select--small[data-v-42ec0325] {
   height: 32px;
   font-size: 13px;
 }
-.f-select--small .f-select__label[data-v-2115ccc5] {
+.f-select--small .f-select__label[data-v-42ec0325] {
   font-size: 13px;
 }
-.f-select--medium[data-v-2115ccc5] {
+.f-select--medium[data-v-42ec0325] {
   height: 36px;
   font-size: 14px;
 }
-.f-select--large[data-v-2115ccc5] {
+.f-select--large[data-v-42ec0325] {
   height: 40px;
   font-size: 16px;
 }
-.f-select--large .f-select__label[data-v-2115ccc5] {
+.f-select--large .f-select__label[data-v-42ec0325] {
   font-size: 16px;
 }
-.f-select.is-multiple[data-v-2115ccc5] {
+.f-select.is-multiple[data-v-42ec0325] {
   height: auto;
   padding-top: 3px;
   padding-bottom: 3px;
 }
-.f-select.is-multiple.f-select--small[data-v-2115ccc5] {
+.f-select.is-multiple.f-select--small[data-v-42ec0325] {
   min-height: 32px;
 }
-.f-select.is-multiple.f-select--medium[data-v-2115ccc5] {
+.f-select.is-multiple.f-select--medium[data-v-42ec0325] {
   min-height: 36px;
 }
-.f-select.is-multiple.f-select--large[data-v-2115ccc5] {
+.f-select.is-multiple.f-select--large[data-v-42ec0325] {
   min-height: 40px;
 }
-.f-select__label[data-v-2115ccc5] {
+.f-select__label[data-v-42ec0325] {
   font-size: 14px;
   line-height: 1.5;
   color: #1e293b;
@@ -8510,46 +8541,61 @@ to {
   text-overflow: ellipsis;
   transition: color 0.2s;
 }
-.f-select__label.is-placeholder[data-v-2115ccc5] {
+.f-select__label.is-placeholder[data-v-42ec0325] {
   color: #94a3b8;
 }
-.f-select__suffix[data-v-2115ccc5] {
+.f-select__suffix[data-v-42ec0325] {
   display: grid;
   place-items: center;
   width: 14px;
   height: 14px;
   flex-shrink: 0;
 }
-.f-select__suffix[data-v-2115ccc5] > * {
+.f-select__suffix[data-v-42ec0325] > * {
   grid-area: 1/1;
 }
-.f-select__clear[data-v-2115ccc5] {
+.f-select__clear[data-v-42ec0325] {
   font-size: 14px;
   color: #94a3b8;
   cursor: pointer;
   opacity: 0;
   pointer-events: none;
   transition: opacity 0.2s, color 0.2s;
+  display: inline-flex;
+  align-items: center;
 }
-.f-select__clear[data-v-2115ccc5]:hover {
+.f-select__clear[data-v-42ec0325]:hover {
   color: #64748b;
 }
-.f-select__arrow[data-v-2115ccc5] {
+.f-select__arrow[data-v-42ec0325] {
   font-size: 14px;
   color: #94a3b8;
   transition: transform 0.3s, color 0.2s, opacity 0.2s;
 }
-.f-select:hover:not(.is-disabled) .f-select__arrow[data-v-2115ccc5] {
+.f-select:hover:not(.is-disabled) .f-select__arrow[data-v-42ec0325] {
   color: #64748b;
 }
-.f-select.is-clearable:hover:not(.is-disabled) .f-select__clear[data-v-2115ccc5] {
+.f-select.is-clearable:hover:not(.is-disabled) .f-select__clear[data-v-42ec0325] {
   opacity: 1;
   pointer-events: auto;
 }
-.f-select.is-clearable:hover:not(.is-disabled) .f-select__arrow[data-v-2115ccc5] {
+.f-select.is-clearable:hover:not(.is-disabled) .f-select__arrow[data-v-42ec0325] {
   opacity: 0;
 }
-.f-select__input[data-v-2115ccc5] {
+.f-select.is-borderless[data-v-42ec0325] {
+  border-color: transparent;
+  background: transparent;
+  box-shadow: none;
+}
+.f-select.is-borderless[data-v-42ec0325]:hover, .f-select.is-borderless.is-open[data-v-42ec0325] {
+  border-color: transparent;
+  background: var(--bg-tertiary);
+  box-shadow: none;
+}
+.f-select.is-borderless.is-disabled[data-v-42ec0325]:hover {
+  background: transparent;
+}
+.f-select__input[data-v-42ec0325] {
   flex: 1;
   min-width: 0;
   padding: 0;
@@ -8560,16 +8606,16 @@ to {
   line-height: 1.5;
   color: #1e293b;
 }
-.f-select__input[data-v-2115ccc5]::placeholder {
+.f-select__input[data-v-42ec0325]::placeholder {
   color: #94a3b8;
 }
-.f-select__input.has-value[data-v-2115ccc5]::placeholder {
+.f-select__input.has-value[data-v-42ec0325]::placeholder {
   color: #64748b;
 }
-.f-select__input.is-multiple[data-v-2115ccc5] {
+.f-select__input.is-multiple[data-v-42ec0325] {
   min-width: 60px;
 }
-.f-select__tags[data-v-2115ccc5] {
+.f-select__tags[data-v-42ec0325] {
   flex: 1;
   min-width: 0;
   display: flex;
@@ -8577,35 +8623,35 @@ to {
   gap: 4px;
   align-items: center;
 }
-.f-select__tag[data-v-2115ccc5] {
+.f-select__tag[data-v-42ec0325] {
   max-width: 200px;
 }
-.f-select__tag[data-v-2115ccc5] .f-tag {
+.f-select__tag[data-v-42ec0325] .f-tag {
   max-width: 100%;
 }
 @media (hover: none) {
-.f-select.is-clearable .f-select__clear[data-v-2115ccc5] {
+.f-select.is-clearable .f-select__clear[data-v-42ec0325] {
     opacity: 1;
     pointer-events: auto;
 }
-.f-select.is-clearable .f-select__arrow[data-v-2115ccc5] {
+.f-select.is-clearable .f-select__arrow[data-v-42ec0325] {
     opacity: 0;
 }
 }
 /* ---------- 下拉面板 ---------- */
-.f-select-dropdown[data-v-2115ccc5] {
+.f-select-dropdown[data-v-42ec0325] {
   position: fixed;
   background: #fff;
   border-radius: 4px;
   box-shadow: 0 2px 12px rgba(0, 0, 0, 0.12);
   z-index: 2000;
 }
-.f-select-dropdown__content[data-v-2115ccc5] {
+.f-select-dropdown__content[data-v-42ec0325] {
   padding: 4px 0;
 }
 
 /* ---------- 选项 ---------- */
-.f-select-option[data-v-2115ccc5] {
+.f-select-option[data-v-42ec0325] {
   padding: 8px 12px;
   font-size: 14px;
   line-height: 1.5;
@@ -8614,27 +8660,27 @@ to {
   transition: all 0.2s;
   user-select: none;
 }
-.f-select-option[data-v-2115ccc5]:hover:not(.is-disabled) {
+.f-select-option[data-v-42ec0325]:hover:not(.is-disabled) {
   background-color: #f5f7fa;
 }
-.f-select-option.is-selected[data-v-2115ccc5] {
+.f-select-option.is-selected[data-v-42ec0325] {
   color: #ec4899;
   font-weight: 500;
   background-color: #fdf2f8;
 }
-.f-select-option.is-disabled[data-v-2115ccc5] {
+.f-select-option.is-disabled[data-v-42ec0325] {
   color: #c0c4cc;
   cursor: not-allowed;
 }
-.f-select-option.is-empty[data-v-2115ccc5] {
+.f-select-option.is-empty[data-v-42ec0325] {
   text-align: center;
   color: #909399;
   cursor: default;
 }
-.f-select-option.is-empty[data-v-2115ccc5]:hover {
+.f-select-option.is-empty[data-v-42ec0325]:hover {
   background-color: transparent;
 }
-.f-select-option__label[data-v-2115ccc5] {
+.f-select-option__label[data-v-42ec0325] {
   display: block;
   white-space: nowrap;
   overflow: hidden;
@@ -8642,10 +8688,10 @@ to {
 }
 
 /* ---------- 新增选项按钮/表单 ---------- */
-.f-select__add-section[data-v-2115ccc5] {
+.f-select__add-section[data-v-42ec0325] {
   border-top: 1px solid #e0e0e6;
 }
-.f-select__add-option[data-v-2115ccc5] {
+.f-select__add-option[data-v-42ec0325] {
   display: flex;
   align-items: center;
   gap: 8px;
@@ -8655,17 +8701,17 @@ to {
   font-size: 14px;
   transition: all 0.2s ease;
 }
-.f-select__add-option[data-v-2115ccc5]:hover {
+.f-select__add-option[data-v-42ec0325]:hover {
   background-color: #fdf2f8;
 }
-.f-select__add-option[data-v-2115ccc5]:active {
+.f-select__add-option[data-v-42ec0325]:active {
   background-color: #fce7f3;
 }
-.f-select__add-form[data-v-2115ccc5] {
+.f-select__add-form[data-v-42ec0325] {
   padding: 12px;
   background-color: #fafafa;
 }
-.f-select__add-input[data-v-2115ccc5] {
+.f-select__add-input[data-v-42ec0325] {
   width: 100%;
   padding: 6px 10px;
   margin-bottom: 8px;
@@ -8675,22 +8721,22 @@ to {
   outline: none;
   transition: all 0.2s;
 }
-.f-select__add-input[data-v-2115ccc5]::placeholder {
+.f-select__add-input[data-v-42ec0325]::placeholder {
   color: #94a3b8;
 }
-.f-select__add-input[data-v-2115ccc5]:hover {
+.f-select__add-input[data-v-42ec0325]:hover {
   border-color: #ec4899;
 }
-.f-select__add-input[data-v-2115ccc5]:focus {
+.f-select__add-input[data-v-42ec0325]:focus {
   border-color: #ec4899;
   box-shadow: 0 0 0 2px rgba(236, 72, 153, 0.2274509804);
 }
-.f-select__add-actions[data-v-2115ccc5] {
+.f-select__add-actions[data-v-42ec0325] {
   display: flex;
   gap: 8px;
   justify-content: flex-end;
 }
-.f-select__add-btn[data-v-2115ccc5] {
+.f-select__add-btn[data-v-42ec0325] {
   padding: 4px 12px;
   font-size: 13px;
   border: none;
@@ -8698,34 +8744,34 @@ to {
   cursor: pointer;
   transition: all 0.2s;
 }
-.f-select__add-btn--confirm[data-v-2115ccc5] {
+.f-select__add-btn--confirm[data-v-42ec0325] {
   background-color: #ec4899;
   color: white;
 }
-.f-select__add-btn--confirm[data-v-2115ccc5]:hover {
+.f-select__add-btn--confirm[data-v-42ec0325]:hover {
   background-color: #db2777;
 }
-.f-select__add-btn--confirm[data-v-2115ccc5]:active {
+.f-select__add-btn--confirm[data-v-42ec0325]:active {
   background-color: #be185d;
 }
-.f-select__add-btn--cancel[data-v-2115ccc5] {
+.f-select__add-btn--cancel[data-v-42ec0325] {
   background-color: #f1f5f9;
   color: #64748b;
 }
-.f-select__add-btn--cancel[data-v-2115ccc5]:hover {
+.f-select__add-btn--cancel[data-v-42ec0325]:hover {
   background-color: #e2e8f0;
 }
-.f-select__add-btn--cancel[data-v-2115ccc5]:active {
+.f-select__add-btn--cancel[data-v-42ec0325]:active {
   background-color: #cbd5e1;
 }
 
 /* ---------- 下拉动画 ---------- */
-.f-select-dropdown-enter-active[data-v-2115ccc5],
-.f-select-dropdown-leave-active[data-v-2115ccc5] {
+.f-select-dropdown-enter-active[data-v-42ec0325],
+.f-select-dropdown-leave-active[data-v-42ec0325] {
   transition: all 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
 }
-.f-select-dropdown-enter-from[data-v-2115ccc5],
-.f-select-dropdown-leave-to[data-v-2115ccc5] {
+.f-select-dropdown-enter-from[data-v-42ec0325],
+.f-select-dropdown-leave-to[data-v-42ec0325] {
   opacity: 0;
   transform: scaleY(0.9);
 }.f-date-picker[data-v-82ea76e0] {
@@ -14134,17 +14180,19 @@ to {
 .f-step__content[data-v-39ce5b1c] {
   min-width: 0;
   flex: 1;
-  padding-top: 4px;
+  padding-top: 2px;
 }
 .f-step__title[data-v-39ce5b1c] {
   font-size: 14px;
   font-weight: 600;
   color: #1f2937;
+  line-height: 1.5;
 }
 .f-step__description[data-v-39ce5b1c] {
-  margin-top: 4px;
+  margin-top: 6px;
   font-size: 12px;
   color: #64748b;
+  line-height: 1.5;
 }.f-timeline[data-v-05989a62] {
   position: relative;
   padding: 0;
@@ -14479,7 +14527,7 @@ to {
 .f-timeline-item__content[data-v-235d4634] {
     font-size: 13px;
 }
-}.f-dialog-overlay[data-v-7a2da7c7] {
+}.f-dialog-overlay[data-v-cae03335] {
   position: fixed;
   top: 0;
   left: 0;
@@ -14495,7 +14543,7 @@ to {
   transition: background-color 0.25s ease;
   touch-action: none;
 }
-.f-dialog[data-v-7a2da7c7] {
+.f-dialog[data-v-cae03335] {
   position: relative;
   background: #fff;
   border-radius: 8px;
@@ -14509,7 +14557,7 @@ to {
   will-change: transform, opacity;
   transform-origin: center;
 }
-.f-dialog__close[data-v-7a2da7c7] {
+.f-dialog__close[data-v-cae03335] {
   position: absolute;
   top: 16px;
   right: 16px;
@@ -14527,20 +14575,20 @@ to {
   z-index: 1;
   padding: 0;
 }
-.f-dialog__close[data-v-7a2da7c7]:hover {
+.f-dialog__close[data-v-cae03335]:hover {
   background: #f5f7fa;
   color: #606266;
 }
-.f-dialog__header[data-v-7a2da7c7] {
+.f-dialog__header[data-v-cae03335] {
   padding: 20px 20px 16px;
   display: flex;
   align-items: center;
   gap: 12px;
 }
-.f-dialog__header.has-divider[data-v-7a2da7c7] {
+.f-dialog__header.has-divider[data-v-cae03335] {
   border-bottom: 1px solid #e4e7ed;
 }
-.f-dialog__icon[data-v-7a2da7c7] {
+.f-dialog__icon[data-v-cae03335] {
   flex-shrink: 0;
   width: 28px;
   height: 28px;
@@ -14549,11 +14597,11 @@ to {
   justify-content: center;
   border-radius: 50%;
 }
-.f-dialog__icon[data-v-7a2da7c7] svg {
+.f-dialog__icon[data-v-cae03335] svg {
   width: 20px;
   height: 20px;
 }
-.f-dialog__title[data-v-7a2da7c7] {
+.f-dialog__title[data-v-cae03335] {
   flex: 1;
   margin: 0;
   font-size: 18px;
@@ -14561,7 +14609,7 @@ to {
   color: #303133;
   line-height: 1.4;
 }
-.f-dialog__body[data-v-7a2da7c7] {
+.f-dialog__body[data-v-cae03335] {
   flex: 1;
   min-height: 0;
   color: #606266;
@@ -14571,88 +14619,88 @@ to {
   display: flex;
   flex-direction: column;
 }
-.f-dialog__body[data-v-7a2da7c7] .f-scrollbar {
+.f-dialog__body[data-v-cae03335] .f-scrollbar {
   flex: 1;
   min-height: 0;
 }
-.f-dialog__body[data-v-7a2da7c7] .f-scrollbar__wrap {
+.f-dialog__body[data-v-cae03335] .f-scrollbar__wrap {
   overflow-y: auto !important;
   overflow-x: hidden;
   -webkit-overflow-scrolling: touch;
 }
-.f-dialog__body[data-v-7a2da7c7] .f-scrollbar__view {
+.f-dialog__body[data-v-cae03335] .f-scrollbar__view {
   padding: 20px;
 }
-.f-dialog__body p[data-v-7a2da7c7] {
+.f-dialog__body p[data-v-cae03335] {
   margin: 0;
 }
-.f-dialog__footer[data-v-7a2da7c7] {
+.f-dialog__footer[data-v-cae03335] {
   padding: 16px 20px;
   display: flex;
   align-items: center;
   justify-content: flex-end;
   gap: 12px;
 }
-.f-dialog__footer.has-divider[data-v-7a2da7c7] {
+.f-dialog__footer.has-divider[data-v-cae03335] {
   border-top: 1px solid #e4e7ed;
 }
-.f-dialog--info .f-dialog__icon[data-v-7a2da7c7] {
+.f-dialog--info .f-dialog__icon[data-v-cae03335] {
   background: #ecf5ff;
   color: #409eff;
 }
-.f-dialog--success .f-dialog__icon[data-v-7a2da7c7] {
+.f-dialog--success .f-dialog__icon[data-v-cae03335] {
   background: #f0f9ff;
   color: #67c23a;
 }
-.f-dialog--warning .f-dialog__icon[data-v-7a2da7c7] {
+.f-dialog--warning .f-dialog__icon[data-v-cae03335] {
   background: #fef0e6;
   color: #e6a23c;
 }
-.f-dialog--error .f-dialog__icon[data-v-7a2da7c7] {
+.f-dialog--error .f-dialog__icon[data-v-cae03335] {
   background: #fef0f0;
   color: #f56c6c;
 }
-.f-dialog--confirm .f-dialog__icon[data-v-7a2da7c7] {
+.f-dialog--confirm .f-dialog__icon[data-v-cae03335] {
   background: #fef0e6;
   color: #e6a23c;
 }
-.dialog-fade-enter-active[data-v-7a2da7c7],
-.dialog-fade-leave-active[data-v-7a2da7c7] {
+.dialog-fade-enter-active[data-v-cae03335],
+.dialog-fade-leave-active[data-v-cae03335] {
   transition: opacity 0.25s ease;
 }
-.dialog-fade-enter-from[data-v-7a2da7c7],
-.dialog-fade-leave-to[data-v-7a2da7c7] {
+.dialog-fade-enter-from[data-v-cae03335],
+.dialog-fade-leave-to[data-v-cae03335] {
   opacity: 0;
 }
-.dialog-enter-active[data-v-7a2da7c7],
-.dialog-leave-active[data-v-7a2da7c7] {
+.dialog-enter-active[data-v-cae03335],
+.dialog-leave-active[data-v-cae03335] {
   transition: opacity 0.25s ease, transform 0.25s cubic-bezier(0.22, 1, 0.36, 1);
 }
-.dialog-enter-from[data-v-7a2da7c7],
-.dialog-leave-to[data-v-7a2da7c7] {
+.dialog-enter-from[data-v-cae03335],
+.dialog-leave-to[data-v-cae03335] {
   opacity: 0;
   transform: scale(0.88) translateY(6px);
 }
-.dialog-enter-to[data-v-7a2da7c7],
-.dialog-leave-from[data-v-7a2da7c7] {
+.dialog-enter-to[data-v-cae03335],
+.dialog-leave-from[data-v-cae03335] {
   opacity: 1;
   transform: scale(1) translateY(0);
 }
 @media (max-width: 768px) {
-.f-dialog-overlay[data-v-7a2da7c7] {
+.f-dialog-overlay[data-v-cae03335] {
     padding: 10px;
 }
-.f-dialog[data-v-7a2da7c7] {
+.f-dialog[data-v-cae03335] {
     width: 95vw;
     max-height: 85vh;
 }
-.f-dialog__header[data-v-7a2da7c7] {
+.f-dialog__header[data-v-cae03335] {
     padding: 16px 16px 12px;
 }
-.f-dialog__body[data-v-7a2da7c7] .f-scrollbar__view {
+.f-dialog__body[data-v-cae03335] .f-scrollbar__view {
     padding: 16px;
 }
-.f-dialog__footer[data-v-7a2da7c7] {
+.f-dialog__footer[data-v-cae03335] {
     padding: 12px 16px;
 }
 }.f-drawer-backdrop[data-v-c7209ade] {