{"version":3,"sources":["toast/toast.scss","toast/_variables.scss"],"names":[],"mappings":"AAEA,eAGE,2BAAA,CAAA,4BAAA,CACA,wBAAA,CAAA,qBAAA,CACA,uBAAA,CAAA,oBAAA,CADA,0BAAA,CAAA,kBAAA,CAeA,wECXuB,CDYvB,qECXoB,CDRpB,8BAAA,CAAA,sBAAA,CAWA,0CCLY,CDLZ,mBAAA,CAAA,oBAAA,CAAA,mBAAA,CAAA,YAAA,CACA,6BAAA,CAAA,yBAAA,CAAA,qBAAA,CAOA,yDCLgB,CDAhB,8BAAA,CAAA,sBAAA,CAMA,+DCLkB,CDClB,oCCJgB,CDKhB,wCCNiB,CDOjB,mDCLc,CDSd,iBAAA,CAQA,0FAAA,CAAA,qFAAA,CAAA,kFAAA,CAHA,oBAAA,CAZA,8BCLY,CDcZ,oBAMA,CAEA,0CAIE,YAAA,CADA,2CCRmB,CDUnB,+ECTiB,CDMjB,yBAAA,CAAA,sBAAA,CAAA,iBCNiB,CDWjB,0FACE,YAAA,CAIJ,oBACE,yECd0B,CDiB5B,uBAEE,+EClB6B,CDiB7B,QCjB6B,CDqB/B,qBAEE,+CCjCe,CDgCf,0CChCe,CDoCjB,wBAEE,kDCnCkB,CDkClB,wCClCkB,CDsCpB,wBACE,iCAAA","file":"index.css","sourcesContent":["@import \"./variables\";\n\n.#{$component-prefix}toast {\n  box-sizing: content-box;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  width: $toast-width;\n  max-width: $toast-max-width;\n  min-height: $toast-min-height;\n  padding: $toast-padding;\n  font-size: $toast-font-size;\n  line-height: $toast-line-height;\n  color: $toast-color;\n  text-align: center;\n  // https://github.com/youzan/vant/issues/8959\n  word-break: break-all;\n\n  // allow newline character\n  white-space: pre-wrap;\n  background: $toast-background-color;\n  border-radius: $toast-border-radius;\n  transition: all $toast-transition-duration;\n\n  &--text,\n  &--html {\n    width: fit-content;\n    min-width: $toast-text-min-width;\n    min-height: 0;\n    padding: $toast-text-padding;\n\n    .#{$component-prefix}toast__message {\n      margin-top: 0;\n    }\n  }\n\n  &--top {\n    top: $toast-position-top-distance;\n  }\n\n  &--bottom {\n    top: auto;\n    bottom: $toast-position-bottom-distance;\n  }\n\n  &__icon {\n    font-size: $toast-icon-font-size;\n    color: $toast-icon-color;\n  }\n\n  &__loading {\n    padding: $toast-loading-padding;\n    color: $toast-loading-color;\n  }\n\n  &__message {\n    margin-top: var(--padding-xs, $padding-xs);\n  }\n}\n","@import \"../styles/prefix\";\n@import \"../styles/variables\";\n\n$toast-width: var(--toast-width, 88px * $hd);\n$toast-min-height: var(--toast-min-height, 88px * $hd);\n$toast-max-width: var(--toast-max-width, 70%);\n$toast-padding: var(--toast-padding, var(--padding-md, $padding-md));\n$toast-font-size: var(--toast-font-size, var(--font-size-md, $font-size-md));\n$toast-line-height: var(--toast-line-height, var(--line-height-md, $line-height-md));\n$toast-color: var(--toast-color, var(--white, $white));\n$toast-background-color: var(--toast-background-color, rgba(var(--black-rgb, $black-rgb), $alpha: 0.7));\n$toast-border-radius: var(--toast-border-radius, var(--border-radius-lg, $border-radius-lg));\n$toast-transition-duration: var(--toast-transition-duration, var(--animation-duration-fast, $animation-duration-fast));\n\n$toast-icon-font-size: var(--toast-icon-font-size, 36px * $hd);\n$toast-icon-color: var(--toast-icon-color, var(--white, $white));\n\n$toast-loading-padding: var(--toast-loading-padding, 3px * $hd);\n$toast-loading-color: var(--toast-loading-color, var(--white, $white));\n\n$toast-text-min-width: var(--toast-text-min-width, 96px * $hd);\n$toast-text-padding: var(--toast-text-padding, var(--padding-xs, $padding-xs) var(--padding-sm, $padding-sm));\n\n$toast-position-distance: var(--toast-position-distance, 20%);\n$toast-position-top-distance: var(--toast-position-top-distance, $toast-position-distance);\n$toast-position-bottom-distance: var(--toast-position-bottom-distance, $toast-position-distance);\n"]}