| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475 | 
							- @import '../style/var';
 
- .van-toast {
 
-   position: fixed;
 
-   top: 50%;
 
-   left: 50%;
 
-   display: flex;
 
-   flex-direction: column;
 
-   align-items: center;
 
-   justify-content: center;
 
-   box-sizing: content-box;
 
-   // hack for avoid max-width when use left & fixed
 
-   width: @toast-default-width;
 
-   max-width: @toast-max-width;
 
-   min-height: @toast-default-min-height;
 
-   padding: @toast-default-padding;
 
-   color: @toast-text-color;
 
-   font-size: @toast-font-size;
 
-   line-height: @toast-line-height;
 
-   // allow newline character
 
-   white-space: pre-wrap;
 
-   text-align: center;
 
-   // https://github.com/vant-ui/vant/issues/8959
 
-   word-break: break-all;
 
-   background-color: @toast-background-color;
 
-   border-radius: @toast-border-radius;
 
-   transform: translate3d(-50%, -50%, 0);
 
-   &--unclickable {
 
-     // lock scroll
 
-     overflow: hidden;
 
-     // should not add pointer-events: none directly to body tag
 
-     // that will cause unexpected tap-highlight-color in mobile safari
 
-     * {
 
-       pointer-events: none;
 
-     }
 
-   }
 
-   &--text,
 
-   &--html {
 
-     width: fit-content;
 
-     min-width: @toast-text-min-width;
 
-     min-height: 0;
 
-     padding: @toast-text-padding;
 
-     .van-toast__text {
 
-       margin-top: 0;
 
-     }
 
-   }
 
-   &--top {
 
-     top: @toast-position-top-distance;
 
-   }
 
-   &--bottom {
 
-     top: auto;
 
-     bottom: @toast-position-bottom-distance;
 
-   }
 
-   &__icon {
 
-     font-size: @toast-icon-size;
 
-   }
 
-   &__loading {
 
-     padding: @padding-base;
 
-     color: @toast-loading-icon-color;
 
-   }
 
-   &__text {
 
-     margin-top: @padding-xs;
 
-   }
 
- }
 
 
  |