| 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;  }}
 |