/**  
zh-CN: 基础变量只能通过 root 选择器修改，不能通过 ConfigProvider 组件修改。https://vant-ui.github.io/vant/#/zh-CN/config-provider
en-US: The basic variables can only be modified through the root selector. https://vant-ui.github.io/vant/#/en-US/config-provider
*/

/*** deelight: https://water.devops.xiaohongshu.com/themes/120 ***/
/* figma: https://www.figma.com/design/FDJKVlHvaL7hTe1XnZoXFX/Moblie-Token-1.0?node-id=1-4&t=tzzSurEEv4orfJcm-1 */


/*** designer reset ***/
:root,:host {
  --van-text-color: var(--color-text-title);
  --van-gray-1: rgba(51, 51, 51, 0.025);
  --van-gray-2: rgba(51, 51, 51, 0.05);
  --van-gray-3: #ebedf1;
  --van-button-mini-height: 28px;
  --van-button-mini-padding: 0 12px;
  --van-button-mini-font-size: var(--van-font-size-sm);
  --van-button-small-height: 32px;
  --van-button-small-padding: 0 16px;
  --van-button-normal-font-size: var(--van-font-size-md);
  --van-button-small-font-size: var(--van-font-size-md);
  --van-button-normal-padding: 0 20px;
  --van-button-large-height: 40px;
  --van-button-default-font-size: var(--van-font-size-lg);
  --van-button-primary-color: var(--van-white);
  --van-button-default-height: 36px;
  --van-button-default-background: var(--van-gray-2);
  --van-button-default-border-color: var(--van-border-color);
  --van-button-default-color: var(--color-text-title);
  --van-primary-color: var(--color-primary);
  --van-disabled-opacity: 0.2;
  --van-font-bold: 500;
  --van-line-height-sm: 16px;
  --van-line-height-md: 18px;
  --van-line-height-lg: 20px;
  --van-button-default-background: var(--color-fill-hover-0);
  --van-button-default-border-color: var(--color-fill-hover-0);
  --van-button-success-background: var(--color-success);
  --van-button-success-border-color: var(--color-success);
  --van-button-warning-background: var(--color-warning);
  --van-button-warning-border-color: var(--color-warning);
  --van-button-danger-background: var(--color-danger);
  --van-button-danger-border-color: var(--color-danger);
  --van-button-border-width: var(--van-border-width);
  --van-button-radius: var(--van-radius-sm);
  --van-button-round-radius: var(--van-radius-max);
  --van-button-plain-background: transparent;
  --van-button-disabled-opacity: var(--van-disabled-opacity);
  --van-cell-border-radius: 0;
  --van-cell-font-size: 14px;
  --van-cell-line-height: 24px;
  --van-cell-vertical-padding: 12px;
  --van-cell-horizontal-padding: 16px;
  --van-cell-background: var(--van-white);
  --van-cell-label-color: var(--color-text-placeholder);
  --van-cell-label-font-size: var(--van-font-size-sm);
  --van-cell-label-line-height: var(--van-line-height-lg);
  --van-cell-label-margin-top: 4px;
  --van-cell-value-color: var(--color-text-placeholder);
  --van-cell-icon-size: 14px;
  --van-cell-right-icon-color: var(--van-gray-4);
  --van-cell-large-vertical-padding: var(--van-padding-sm);
  --van-cell-large-title-font-size: var(--van-font-size-lg);
  --van-cell-large-label-font-size: var(--van-font-size-md);
  --van-cell-border-color: var(--color-fill-pressing-1);
  --van-cell-group-background: var(--van-white);
  --van-cell-group-title-padding: var(--van-padding-md) var(--van-padding-md) var(--van-padding-xs);
  --van-cell-group-title-font-size: var(--van-font-size-md);
  --van-cell-group-inset-padding: 0 15px;
  --van-cell-group-inset-radius: var(--size-radius-m);
  --van-cell-group-inset-title-padding: var(--van-padding-md) var(--van-padding-md) var(--van-padding-xs) var(--van-padding-xl);
  --van-image-placeholder-font-size: var(--van-font-size-md);
  --van-image-placeholder-background: var(--color-fill-hover-0);
  --van-image-loading-icon-size: 32px;
  --van-image-error-icon-size: var(--van-image-loading-icon-size);
  --van-popup-background: var(--color-bg-1);
  --van-popup-transition: transform var(--van-duration-base);
  --van-popup-round-radius: var(--size-radius-3l);
  --van-popup-close-icon-size: 16px;
  --van-popup-close-icon-color: var(--color-grey-5);
  --van-toast-font-size: 14px;
  --van-toast-line-height: 20px;
  --van-toast-radius: var(--size-radius-2l);
  --van-toast-background: rgba(48, 48, 52, 0.988);
  --van-toast-text-min-width: auto;
  --van-toast-default-width: 80px;
  --van-toast-default-min-height: auto;
  --van-toast-text-padding: 10px 16px;
  --van-toast-default-padding: 32px;
  --van-calendar-selected-day-size: 52px;
  --van-calendar-background: var(--van-white);
  --van-calendar-header-title-height: 46px;
  --van-calendar-header-title-font-size: var(--van-font-size-lg);
  --van-calendar-header-subtitle-font-size: var(--van-font-size-md);
  --van-calendar-weekdays-height: 30px;
  --van-calendar-weekdays-font-size: 16px;
  --van-calendar-month-title-font-size: 14px;
  --van-calendar-month-mark-color: rgba(242, 243, 245, 0.8);
  --van-calendar-day-font-size: 16px;
  --van-calendar-day-margin-bottom: 0;
  --van-calendar-day-disabled-color: var(--color-text-disabled);
  --van-calendar-range-edge-color: var(--color-white);
  --van-calendar-range-edge-background: var(--color-primary);
  --van-calendar-selected-day-color: var(--color-white);
  --van-calendar-selected-day-background: var(--color-primary);
  --van-calendar-info-font-size: 12px;
  --van-calendar-info-line-height:18px;
  --van-calendar-confirm-button-height: 36px;
  --van-cascader-header-padding: 0 var(--van-padding-md);
  --van-cascader-title-font-size: var(--van-font-size-lg);
  --van-checkbox-border-color: var(--color-grey-2);
  --van-checkbox-duration: var(--van-duration-fast);
  --van-checkbox-label-margin: var(--van-padding-xs);
  --van-checkbox-disabled-label-color: var(--color-text-disabled);
  --van-checkbox-size: 20px;
  --van-field-label-width: 80px;
  --van-field-label-color: var(--color-text-title);
  --van-field-label-margin-right: var(--van-padding-md);
  --van-field-input-error-text-color: var(--van-field-input-text-color);
  --van-field-placeholder-text-color: var(--color-text-placeholder);
  --van-field-input-text-color: var(--color-text-title);
  --van-field-icon-size: 16px;
  --van-field-clear-icon-size: 16px;
  --van-field-clear-icon-color: var(--color-grey-3);
  --van-field-error-message-color: var(--color-danger);
  --van-field-text-area-min-height: 72px;
  --van-field-disabled-text-color: var(--color-text-disabled);
  --van-field-input-disabled-text-color: var(--color-text-disabled);
  --van-field-input-disabled-text-color: var(--color-text-disabled);
  --van-field-word-limit-color: var(--color-text-description);
  --van-field-word-limit-font-size: 12px;
  --van-field-word-limit-line-height: 20px;
  --van-number-keyboard-key-active-color: var(--van-gray-3);
  --van-number-keyboard-background: #f2f3f5;
  --van-number-keyboard-delete-font-size: var(--van-font-size-lg);
  --van-number-keyboard-title-font-size: var(--van-font-size-lg);
  --van-number-keyboard-close-padding: 0 var(--van-padding-md);
  --van-number-keyboard-close-font-size: var(--van-font-size-md);
  --van-password-input-margin: 0 var(--van-padding-md);
  --van-password-input-background: var(--van-white);
  --van-password-input-info-font-size: var(--van-font-size-md);
  --van-picker-background: var(--van-white);
  --van-picker-title-font-size: var(--van-font-size-lg);
  --van-picker-title-line-height: 24px;
  --van-picker-action-padding: 0 var(--van-padding-md);
  --van-picker-action-font-size: var(--van-font-size-md);
  --van-picker-option-padding: 0 var(--van-padding-base);
  --van-picker-option-font-size: var(--van-font-size-lg);
  --van-picker-mask-color: linear-gradient(180deg, rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.4)), linear-gradient(0deg, rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.4));
  --van-picker-group-background: var(--van-white);
  --van-picker-cancel-action-color: var(--color-text-title);
  --van-radio-border-color: var(--color-grey-2);
  --van-radio-duration: var(--van-duration-fast);
  --van-radio-label-margin: var(--van-padding-xs);
  --van-radio-disabled-icon-color: var(--van-white);
  --van-radio-disabled-background: rgba(229, 229, 229, 1);
  --van-radio-dot-size: 4px;
  --van-radio-label-color: var(--color-text-title);
  --van-radio-size: 20px;
  --van-rate-icon-gutter: var(--van-padding-base);
  --van-search-padding: 10px 12px;
  --van-search-background: var(--van-white);
  --van-search-input-height: 34px;
  --van-search-label-padding: 0 0 0 16px;
  --van-search-label-font-size: var(--van-font-size-md);
  --van-search-left-icon-color: var(--Icon-Icon_3);
  --van-search-action-padding: 0 var(--van-padding-md);
  --van-search-action-text-color: var(--van-gray-5);
  --van-search-action-font-size: var(--van-font-size-md);
  --van-slider-disabled-opacity: var(--van-disabled-opacity);
  --van-signature-content-background: var(--van-white);
  --van-stepper-input-width: 32px;
  --van-stepper-input-height: 20px;
  --van-stepper-input-line-height: 20px;
  --van-stepper-input-font-size: 14px;
  --van-stepper-input-text-color: var(--color-text-title);
  --van-stepper-background: var(--color-fill-hover-0);
  --van-stepper-input-disabled-background: transparent;
  --van-stepper-input-disabled-text-color: var(--color-text-disabled);
  --van-stepper-button-icon-color: var(--color-text-paragraph);
  --van-stepper-button-disabled-icon-color: var(--color-text-disabled);
  --van-stepper-button-disabled-color: var(--color-fill-hover-0);
  --van-stepper-radius: var(--van-border-radius-md);
  --van-switch-size: 28px;
  --van-switch-width: calc(1.65em + 4px);
  --van-switch-node-size: 1em;
  --van-switch-node-shadow: 0 3px 1px 0 rgba(0, 0, 0, 0.05), 0 2px 2px 0 rgba(0, 0, 0, 0.1), 0 3px 3px 0 rgba(0, 0, 0, 0.05);
  --van-switch-duration: var(--van-duration-base);
  --van-switch-disabled-opacity: 0.5;
  --van-switch-background: var(--van-gray-4);
  --van-uploader-size: 72px;
  --van-uploader-icon-size: 24px;
  --van-uploader-icon-color: rgba(0, 0, 0, 0.53);
  --van-uploader-text-color: var(--van-text-color-3);
  --van-uploader-text-font-size: var(--van-font-size-sm);
  --van-uploader-upload-background: var(--color-fill-hover-0);
  --van-uploader-delete-color: var(--color-white);
  --van-uploader-delete-icon-size: 14px;
  --van-uploader-delete-background: var(--color-grey-8);
  --van-uploader-file-name-padding: 0 var(--van-padding-base);
  --van-uploader-file-name-margin-top: var(--van-padding-xs);
  --van-uploader-file-name-font-size: var(--van-font-size-sm);
  --van-uploader-mask-background: rgba(50, 50, 51, 0.4);
  --van-uploader-mask-message-font-size: 10px;
  --van-uploader-mask-message-line-height: var(--van-line-height-xs);
  --van-uploader-disabled-opacity: 1;
  --van-uploader-border-radius: 6px;
  --van-uploader-loading-icon-size: 24px;
  --van-action-sheet-header-font-size: var(--van-font-size-lg);
  --van-action-sheet-description-color: var(--color-text-description);
  --van-action-sheet-description-font-size: 12px;
  --van-action-sheet-description-line-height: 18px;
  --van-action-sheet-item-background: var(--color-white);
  --van-action-sheet-item-text-color: var(--color-text-title);
  --van-action-sheet-item-font-size: 16px;
  --van-action-sheet-item-line-height: 24px;
  --van-action-sheet-item-disabled-text-color: var(--color-text-disabled);
  --van-action-sheet-subname-color: var(--van-gray-5);
  --van-action-sheet-subname-font-size: var(--van-font-size-sm);
  --van-action-sheet-subname-line-height: var(--van-line-height-sm);
  --van-action-sheet-close-icon-size: 20px;
  --van-action-sheet-close-icon-color: #999999;
  --van-action-sheet-close-icon-padding: 0 var(--van-padding-md);
  --van-action-sheet-cancel-text-color: var(--van-gray-8);
  --van-action-sheet-cancel-padding-top: var(--van-padding-xs);
  --van-action-sheet-cancel-padding-color: var(--color-bg-2);
  --van-barrage-space: 10px;
  --van-dialog-width: 320px;
  --van-dialog-font-size: var(--van-font-size-lg);
  --van-dialog-transition: var(--van-duration-base);
  --van-dialog-radius: var(--size-radius-3l);
  --van-dialog-background: var(--van-white);
  --van-dialog-header-font-weight: var(--van-font-bold);
  --van-dialog-header-padding-top: 20px;
  --van-dialog-header-isolated-padding: var(--van-padding-lg) 0;
  --van-dialog-message-padding: 20px;
  --van-dialog-message-line-height: var(--van-line-height-lg);
  --van-dialog-message-max-height: 126px;
  --van-dialog-has-title-message-text-color: var(--van-gray-6);
  --van-dialog-has-title-message-padding-top: 4px;
  --van-dropdown-menu-background: var(--van-white);
  --van-dropdown-menu-title-padding: 0 var(--van-padding-xs);
  --van-dropdown-menu-title-line-height: var(--van-line-height-lg);
  --van-loading-text-font-size: var(--van-font-size-md);
  --van-notify-padding: var(--van-padding-xs) var(--van-padding-md);
  --van-notify-font-size: var(--van-font-size-md);
  --van-notify-line-height: var(--van-line-height-md);
  --van-overlay-background: rgba(0, 0, 0, 0.4);
  --van-pull-refresh-head-font-size: var(--van-font-size-md);
  --van-share-sheet-header-padding: var(--van-padding-sm) var(--van-padding-md) var(--van-padding-base);
  --van-share-sheet-title-font-size: var(--van-font-size-md);
  --van-share-sheet-title-line-height: var(--van-line-height-md);
  --van-share-sheet-description-font-size: var(--van-font-size-sm);
  --van-share-sheet-option-name-font-size: var(--van-font-size-sm);
  --van-share-sheet-option-description-font-size: var(--van-font-size-sm);
  --van-share-sheet-cancel-button-font-size: var(--van-font-size-lg);
  --van-share-sheet-cancel-button-background: var(--van-white);
  --van-share-sheet-description-line-height: var(--van-line-height-md);
  --van-badge-size: 15px;
  --van-badge-padding: 0 4px;
  --van-badge-font-size: var(--van-font-size-xs);
  --van-badge-font-weight: var(--van-font-bold);
  --van-badge-background: var(--van-primary-color);
  --van-badge-dot-color: var(--van-primary-color);
  --van-circle-text-font-weight: var(--van-font-bold);
  --van-circle-text-font-size: var(--van-font-size-md);
  --van-circle-text-line-height: var(--van-line-height-md);
  --van-collapse-item-duration: var(--van-duration-base);
  --van-collapse-item-content-padding: var(--van-padding-sm) var(--van-padding-md);
  --van-collapse-item-content-font-size: var(--van-font-size-md);
  --van-collapse-item-content-background: var(--van-white);
  --van-count-down-font-size: var(--van-font-size-md);
  --van-count-down-line-height: var(--van-line-height-md);
  --van-divider-margin: var(--van-padding-md) 0;
  --van-divider-font-size: var(--van-font-size-md);
  --van-divider-line-height: var(--van-line-height-md);
  --van-divider-content-padding: var(--van-padding-md);
  --van-divider-vertical-margin: 0 var(--van-padding-xs);
  --van-divider-border-color: var(--color-fill-pressing-1);
  --van-divider-text-color: var(--color-text-description);
  --van-empty-padding: var(--van-padding-xl) 0;
  --van-empty-description-margin-top: var(--van-padding-md);
  --van-empty-description-padding: 0 48px;
  --van-empty-description-font-size: var(--van-font-size-md);
  --van-empty-description-line-height: 22px;
  --van-image-preview-overlay-background: #000000;
  --van-image-preview-index-font-size: var(--van-font-size-sm);
  --van-image-preview-index-line-height: var(--van-line-height-md);
  --van-image-preview-index-text-shadow: 0 1px 1px var(--van-gray-8);
  --van-image-preview-close-icon-color: var(--van-gray-7);
  --van-image-preview-close-icon-margin: var(--van-padding-md);
  --van-popover-radius: var(--van-radius-lg);
  --van-popover-action-height: 40px;
  --van-popover-action-font-size: var(--van-font-size-md);
  --van-popover-action-line-height: var(--van-line-height-md);
  --van-popover-horizontal-action-height: 40px;
  --van-popover-light-background: var(--van-white);
  --van-progress-pivot-font-size: var(--van-font-size-xs);
  --van-rolling-text-background: ;
  --van-skeleton-paragraph-margin-top: var(--van-padding-sm);
  --van-swipe-indicator-size: 4px;
  --van-swipe-indicator-margin: 6px;
  --van-swipe-indicator-inactive-opacity: 1;
  --van-swipe-indicator-inactive-background: #CCCCCC;
  --van-tag-font-size: 12px;
  --van-tag-line-height: 20px;
  --van-tag-padding: 0 6px;
  --van-tag-medium-padding: 2px 10px;
  --van-tag-large-padding: 5px 10px;
  --van-tag-radius: var(--size-radius-m);
  --van-tag-large-radius: var(--size-radius-m);
  --van-tag-large-font-size: var(--van-font-size-md);
  --van-tag-plain-background: transparent;
  --van-tag-default-color: var(--color-grey-6);
  --van-tag-warning-color: var(--color-warning);
  --van-tag-danger-color: var(--color-danger);
  --van-text-ellipsis-action-color: var(--color-primary);
  --van-action-bar-background: var(--van-white);
  --van-action-bar-height: 56px;
  --van-action-bar-icon-width: 40px;
  --van-action-bar-icon-size: 18px;
  --van-action-bar-icon-font-size: var(--van-font-size-xs);
  --van-action-bar-icon-text-color: var(--van-gray-7);
  --van-action-bar-icon-background: var(--van-white);
  --van-back-top-background: var(--van-primary-color);
  --van-grid-item-content-padding: var(--van-padding-md) var(--van-padding-xs);
  --van-grid-item-content-background: var(--van-white);
  --van-grid-item-text-color: var(--van-gray-7);
  --van-grid-item-text-font-size: var(--van-font-size-sm);
  --van-index-bar-index-font-size: var(--van-font-size-xs);
  --van-index-bar-index-line-height: var(--van-line-height-xs);
  --van-index-anchor-padding: 0 var(--van-padding-md);
  --van-index-anchor-font-weight: var(--van-font-bold);
  --van-index-anchor-font-size: var(--van-font-size-md);
  --van-index-anchor-sticky-background: var(--van-white);
  --van-nav-bar-height: 44px;
  --van-nav-bar-background: var(--van-white);
  --van-nav-bar-arrow-size: 24px;
  --van-nav-bar-icon-color: var(--van-gray-8);
  --van-nav-bar-text-color: var(--van-text-color);
  --van-nav-bar-title-font-size: var(--van-font-size-lg);
  --van-pagination-font-size: var(--van-font-size-md);
  --van-pagination-background: var(--van-white);
  --van-pagination-disabled-opacity: var(--van-disabled-opacity);
  --van-sidebar-font-size: var(--van-font-size-md);
  --van-sidebar-line-height: var(--van-line-height-md);
  --van-sidebar-padding: 20px var(--van-padding-sm);
  --van-sidebar-selected-font-weight: var(--van-font-bold);
  --van-sidebar-selected-background: var(--van-white);
  --van-tab-text-color: var(--color-text-description);
  --van-tab-active-text-color: var(--color-text-title);
  --van-tab-font-size: 14px;
  --van-tab-line-height: 22px;
  --van-tabs-card-height: 28px;
  --van-tabs-nav-background: var(--van-white);
  --van-tabs-bottom-bar-width: 24px;
  --van-tabs-bottom-bar-height: 2px;
  --van-tabbar-background: var(--van-white);
  --van-tabbar-item-text-color: var(--van-gray-5);
  --van-tabbar-item-active-color: var(--van-gray-8);
  --van-tabbar-item-active-background: var(--van-white);
  --van-tabbar-item-icon-size: 24px;
  --van-tree-select-font-size: var(--van-font-size-md);
  --van-tree-select-content-background: var(--van-white);
  --van-tree-select-nav-item-padding: 14px var(--van-padding-sm);
  --van-loading-spinner-size: 24px;
  --van-loading-spinner-color: var(--color-grey-8);
  --van-loading-text-color: var(--color-grey-8);
}



/** button */
.van-button {
  border-radius: var(--size-radius-m);
}

.van-button.van-button--round {
  border-radius: 999px;
}

.van-button--large {
  width: auto;
  padding: 0 24px;
}

.van-button--disabled {
  opacity: 1;
}
/** button plain */
.van-button--plain.van-button--default {
  border-color: var(--color-grey-2);
}
/** button disabled */
.van-button--primary.van-button--disabled {
  background-color: var(--color-primary-disabled);
  border-color: var(--color-primary-disabled);
}
.van-button--success.van-button--disabled {
  background-color: var(--color-success-disabled);
  border-color: var(--color-success-disabled);
}
.van-button--default.van-button--disabled {
  color: var(--color-text-disabled);
}
.van-button--danger.van-button--disabled {
  background-color: var(--color-danger-disabled);
  border-color: var(--color-danger-disabled);
}
.van-button--warning.van-button--disabled {
  background-color: var(--color-warning-disabled);
  border-color: var(--color-warning-disabled);
}
/** button disabled */
/** button plain disabled */
.van-button--plain.van-button--disabled {
  background-color: transparent;
}
.van-button--plain.van-button--primary.van-button--disabled {
  color: var(--color-primary-disabled);
}
.van-button--plain.van-button--success.van-button--disabled {
  color: var(--color-success-disabled);
}
.van-button--plain.van-button--default.van-button--disabled {
  color: var(--color-text-disabled);
}
.van-button--plain.van-button--danger.van-button--disabled {
  color: var(--color-danger-disabled);
}
.van-button--plain.van-button--warning.van-button--disabled {
  color: var(--color-warning-disabled);
}
/** button plain disabled */
/** button loading */
.van-button--loading.van-button--large {
  padding: 10px;
}
.van-button--loading.van-button--normal {
  padding: 8px;
}
.van-button--loading.van-button--small {
  padding: 8px;
}
.van-button--loading.van-button--mini {
  padding: 6px;
}
.van-button--large .van-loading .van-loading__spinner,
.van-button--normal .van-loading .van-loading__spinner {
  width: 20px;
  height: 20px;
}
.van-button--small .van-loading .van-loading__spinner,
.van-button--mini .van-loading .van-loading__spinner {
  width: 16px;
  height: 16px;
}
/** button loading */
/** button */
/** picker */
.van-picker__title {
  color: var(--color-text-title);
}
.van-picker__confirm {
  font-weight: var(--van-font-bold);
}
.van-picker-column__item {
  color: var(--color-text-title);
}
.van-picker__mask {
  background-image: none;
}
.van-picker-column__item {
  color: var(--color-text-disabled);
}
.van-picker-column__item.van-picker-column__item--selected {
  color: var(--color-text-title);
}
/** picker */
/** radio */
/** radio disabled */
.van-radio__icon.van-radio__icon--disabled .van-icon {
  border-color: var(--color-fill-pressing-0);
}

.van-radio__icon.van-radio__icon--disabled .van-radio__icon--dot__icon {
  background-color: var(--van-radio-disabled-background);
  width: 100%;
  height: 100%;
}

.van-radio__icon--disabled.van-radio__icon--dot {
  border-color: rgba(0, 0, 0, 0.18);
}
.van-radio__icon--checked.van-radio__icon--disabled.van-radio__icon--dot {
  border-color: var(--color-primary-disabled);
}
.van-radio__icon--checked.van-radio__icon--disabled.van-radio__icon--dot .van-radio__icon--dot__icon {
  width: calc(100% - var(--van-radio-dot-size));
  height: calc(100% - var(--van-radio-dot-size));
  background-color: var(--color-primary-disabled);
}
/** radio disabled */
.van-radio__label {
  font-size: var(--van-cell-font-size);
}
.van-radio .van-radio__icon .van-icon::before {
  content: '';
  width: 100%;
  height: 100%;
  background-size: cover;
}
.van-radio__icon--checked .van-icon.van-icon-success::before {
  background-image: url('./assets/success.svg');
}
/** radio */
/** cell & field */
.van-cell {
  border-radius: var(--van-cell-border-radius);
}

.van-cell.van-field__border::before {
  content: "";
  box-sizing: border-box;
  pointer-events: none;
  position: absolute;
  top: -50%;
  right: -50%;
  bottom: -50%;
  left: -50%;
  border: 1px solid var(--color-grey-2, #E5E5E5);
  border-radius: calc(2 * var(--van-cell-border-radius));
  transform: scale(.5);
}

.van-cell .van-field__word-limit {
  margin-top: 8px;
}

.van-cell .van-field__error-message {
  margin-top: 8px;
  line-height: 20px;
}

.van-cell.van-field__gray-bg {
  background-color: var(--color-fill-hover-0, rgba(0, 0, 0, 0.03));
}

.van-field__clear, .van-field__right-icon {
  padding: 0 0 0 4px;
  margin-right: 0;
}
.van-field__left-icon {
  margin-right: 4px;
}
/** field */
/** checkbox */
.van-checkbox .van-checkbox__icon .van-icon {
  border-radius: 2px;
}
.van-checkbox .van-checkbox__icon--round .van-icon {
  border-radius: 100%;
}
.van-checkbox .van-checkbox__icon .van-icon::before {
  content: '';
  width: 100%;
  height: 100%;
  background-size: cover;
}
.van-checkbox .van-checkbox__icon .van-icon.van-icon-minus::before {
  background-image: url('./assets/indeterminate.svg');
}
.van-checkbox .van-checkbox__icon.van-checkbox__icon--checked .van-icon.van-icon-success::before {
  background-image: url('./assets/success.svg');
}
.van-checkbox .van-checkbox__icon.van-checkbox__icon--disabled .van-icon {
  border-color: var(--van-checkbox-border-color);
  background-color: var(--color-fill-pressing-0);
}
.van-checkbox .van-checkbox__icon.van-checkbox__icon--disabled.van-checkbox__icon--checked .van-icon,
.van-checkbox .van-checkbox__icon.van-checkbox__icon--disabled.van-checkbox__icon--indeterminate .van-icon {
  background-color: var(--color-primary-disabled);
  border-color: var(--color-primary-disabled);
}

.van-checkbox__label {
  font-size: var(--van-cell-font-size);
}
/** checkbox */
/** toast */
.van-toast.van-toast--text {
  border-radius: var(--size-radius-unlimited);
}

.van-toast__text {
  margin-top: 12px;
}

.van-toast.van-toast--success .van-icon::before,
.van-toast.van-toast--fail .van-icon::before {
  content: '';
  width: 48px;
  height: 48px;
  background-size: cover; 
}

.van-toast .van-icon-success::before {
  background-image: url('./assets/toast-success.svg');
}

.van-toast .van-icon-fail::before {
  background-image: url('./assets/toast-error.svg');
}

.van-toast.van-toast--loading .van-loading {
  width: 48px;
  height: 48px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  color: rgba(255, 255, 255, .32);
}
/** toast */
/** dialog */
.van-dialog__content--isolated {
  min-height: auto;
}
.van-dialog__message {
  padding: 20px 24px;
}
.van-dialog__message.van-dialog__message--has-title {
  padding-top: 8px;
}
.van-dialog__footer .van-button {
  background-color: var(--color-white);
  font-weight: 500;
}
.van-dialog--round-button .van-dialog__footer {
  padding: 0 20px 20px;
}
.van-dialog--round-button .van-action-bar-button {
  border-radius: var(--size-radius-m);
}
.van-dialog--round-button .van-dialog__cancel {
  background: var(--color-white);
  color: var(--color-text-paragraph);
  border: 1px solid var(--color-grey-2);
  margin-right: 12px;
}
.van-dialog--round-button .van-dialog__confirm {
  background: var(--color-primary);
}
/** dialog */
/** upload */
.van-uploader .van-uploader__wrapper--disabled .van-uploader__upload-icon.van-icon {
  color: var(--color-text-disabled);
}
.van-uploader .van-uploader__mask-message {
  margin-top: 2px;
}
.van-uploader .van-uploader__preview-delete {
  top: -6px;
  right: -6px;
}
.van-uploader .van-uploader__preview-delete--shadow {
  border-radius: var(--size-radius-unlimited);
}
.van-uploader .van-uploader__preview-delete-icon {
  position: absolute;
  top: 50%;
  right: 50%;
  transform: translate(50%, -50%);
  font-size: 8px;
}
/** upload */
/** actionsheet */
.van-action-sheet__item, .van-action-sheet__cancel {
  padding: 16px;
  position: relative;
}
.van-action-sheet__item + .van-action-sheet__item::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 1px;
  background-color: var(--color-fill-pressing-1);
  transform: scaleY(.5);
}
.van-action-sheet__description {
  padding: 12px 16px;
  background-color: var(--color-bg-2);
}
/** actionsheet */
/** tabs */
.van-tabs .van-tabs__nav--line {
  padding: 0 4px;
}
.van-tabs .van-tab {
  padding: 0 12px;
}
.van-tabs .van-tabs__line {
  bottom: 7px;
}
.van-tabs.van-tabs__no-bar .van-tabs__line {
  display: none;
}
/** tab */
/** tag */
.van-tag {
  font-weight: 500;
}
.van-tag.van-tag--light {
  background-color: var(--color-grey-1);
  color: var(--color-grey-8);
}
.van-tag.van-tag--primary.van-tag--light {
  background-color: var(--color-blue-1);
  color: var(--color-blue-8);
}
.van-tag.van-tag--warning.van-tag--light {
  background-color: var(--color-orange-1);
  color: var(--color-orange-8);
}
.van-tag.van-tag--success.van-tag--light {
  background-color: var(--color-green-1);
  color: var(--color-green-8);
}
.van-tag.van-tag--danger.van-tag--light {
  background-color: var(--color-red-1);
  color: var(--color-red-8);
}
.van-tag.van-tag--plain {
  color: var(--color-text-paragraph);
  border-color: var(--color-grey-2);
  background-color: var(--van-tag-plain-background);
}
.van-tag.van-tag--primary.van-tag--plain {
  color: var(--color-blue-8);
  border-color: var(--color-blue-8);
}
.van-tag.van-tag--warning.van-tag--plain {
  color: var(--color-orange-8);
  border-color: var(--color-orange-8);
}
.van-tag.van-tag--success.van-tag--plain {
  color: var(--color-green-8);
  border-color: var(--color-green-8);
}
.van-tag.van-tag--danger.van-tag--plain {
  color: var(--color-red-8);
  border-color: var(--color-red-8);
}
.van-tag .van-tag__close {
  margin-left: 4px;
}
/** tag */
/** stepper */
.van-stepper .van-stepper__input {
  margin: 0;
  background-color: transparent;
}
.van-stepper .van-stepper__minus, 
.van-stepper .van-stepper__plus {
  border-radius: var(--size-radius-m);
}
.van-stepper .van-stepper__minus::before,
.van-stepper .van-stepper__plus::before {
  width: 10px;
  height: 1.5px;
}
.van-stepper .van-stepper__minus::after,
.van-stepper .van-stepper__plus::after {
  width: 1.5px;
  height: 10px;
}
/** stepper */
/** calendar */
.van-calendar__popup .van-popup__close-icon {
  top: 14px;
}
.van-calendar .van-calendar__weekday {
  color: var(--color-text-title);
}
/** calendar */
/** search */
.van-search__content {
  padding-left: 0;
}
.van-search__field {
  padding: 6px 12px;
  font-size: 14px;
}
/** search */
/** image */
.van-image .van-image__loading-icon {
  width: var(--van-image-loading-icon-size);
  height: var(--van-image-loading-icon-size);
  animation: van-rotate var(--van-loading-spinner-duration) linear infinite;
}
.van-image .van-image__loading-icon::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background-image: url('./assets/image-loading.svg');
}
.van-image .van-image__error-icon {
  width: var(--van-image-error-icon-size);
  height: var(--van-image-error-icon-size);
}
.van-image .van-image__error-icon::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background-image: url('./assets/image-error.svg');
}
/** image */