{"version":3,"sources":["uploader/uploader.scss","uploader/_variables.scss"],"names":[],"mappings":"AAEA,kBAEE,oBAAA,CADA,iBACA,CAEA,2BACE,mBAAA,CAAA,oBAAA,CAAA,mBAAA,CAAA,YAAA,CACA,sBAAA,CAAA,kBAAA,CAAA,cAAA,CAEA,qCACE,mECPsB,CDiB1B,gGANQ,wECLyB,CDWjC,0BAIE,2BAAA,CAAA,4BAAA,CACA,wBAAA,CAAA,qBAAA,CACA,uBAAA,CAAA,oBAAA,CADA,0BAAA,CAAA,kBAAA,CAHA,6BAAA,CAAA,qBAAA,CACA,mBAAA,CAAA,oBAAA,CAAA,mBAAA,CAAA,YAAA,CACA,6BAAA,CAAA,yBAAA,CAAA,qBAAA,CAIA,2FCrBqB,CDmBrB,8BAAA,CAAA,sBAAA,CAGA,sFCrBqB,CDarB,iBAAA,CAMA,yFClB+B,CDuB/B,iCACE,mGCvBoC,CD0BtC,2CACE,wEC5B6B,CD+B/B,+BAEE,6DC/BuB,CD8BvB,oDC9BuB,CDkCzB,+BAGE,6DClCuB,CDiCvB,wEChC2B,CD+B3B,wEChCuB,CDsC3B,2BAGE,cAAA,CADA,uFCrCsB,CDoCtB,iBAEA,CAEA,iCACE,aAAA,CAEA,yGCxC0B,CDyC1B,eAAA,CAFA,uGAEA,CAGF,kCAME,iEC7C6B,CD8C7B,6DC7C0B,CD2C1B,qEC7CmB,CDyCnB,iBAAA,CAEA,OAAA,CADA,KAAA,CAEA,mEC1C0B,CD+C1B,uCAKE,yDClDqB,CDiDrB,oDClDyB,CD+CzB,iBAAA,CAEA,UAAA,CADA,QAAA,CAIA,2BAAA,CAAA,uBAAA,CAAA,mBAAA,CAaN,yDALI,QAAA,CACA,MAAA,CAJA,iBAAA,CAEA,OAAA,CADA,KC3C2B,CDkD/B,wBAOE,2BAAA,CAAA,4BAAA,CACA,wBAAA,CAAA,qBAAA,CACA,uBAAA,CAAA,oBAAA,CADA,0BAAA,CAAA,kBAAA,CAGA,mEC7D6B,CD4D7B,kDC7DkB,CDyDlB,mBAAA,CAAA,oBAAA,CAAA,mBAAA,CAAA,YAAA,CACA,6BAAA,CAAA,yBAAA,CAAA,qBAAA,CAEA,8BAAA,CAAA,sBC3D6B,CD+D7B,6BACE,6CC/DoB,CDkEtB,gCAGE,yEClE4B,CDmE5B,+EClE8B,CDgE9B,uDCnE6B,CDkE7B,sEC/D8B,CDsElC,2BAGE,0DCpE0B,CDmE1B,iFCpE2B,CDmE3B,+EClE0B,CDuE5B,wBAEE,2BAAA,CAAA,4BAAA,CACA,wBAAA,CAAA,qBAAA,CACA,uBAAA,CAAA,oBAAA,CADA,0BAAA,CAAA,kBAAA,CAIA,8FCjG6B,CD2F7B,mBAAA,CAAA,oBAAA,CAAA,mBAAA,CAAA,YAAA,CACA,6BAAA,CAAA,yBAAA,CAAA,qBAAA,CAIA,uFCjGmB,CD+FnB,8BAAA,CAAA,sBAAA,CACA,qFC/F6B,CDmG7B,6BAEE,2DCnGqB,CDkGrB,kDClGqB,CDsGvB,6BACE,6BAAA,CAAA,qBAAA,CAKA,2DCxGqB,CDuGrB,sECxGyB,CDuGzB,sECxG0B,CDuG1B,mECxGuB,CD4GvB,iBAAA,CALA,UAKA","file":"index.css","sourcesContent":["@import \"./variables\";\r\n\r\n.#{$component-prefix}uploader {\r\n  position: relative;\r\n  display: inline-block;\r\n\r\n  &__wrapper {\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n\r\n    &--disabled {\r\n      opacity: $uploader-disabled-opacity;\r\n\r\n      .#{$component-prefix}uploader__upload {\r\n        &:active {\r\n          background: $uploader-upload-background-color;\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  &__upload {\r\n    position: relative;\r\n    box-sizing: border-box;\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    justify-content: center;\r\n    width: $uploader-upload-width;\r\n    height: $uploader-upload-height;\r\n    margin: $uploader-upload-margin;\r\n    background: $uploader-upload-background-color;\r\n\r\n    &:active {\r\n      background: $uploader-upload-active-background-color;\r\n    }\r\n\r\n    &--readonly:active {\r\n      background: $uploader-upload-background-color;\r\n    }\r\n\r\n    &-icon {\r\n      font-size: $uploader-upload-icon-font-size;\r\n      color: $uploader-upload-icon-color;\r\n    }\r\n\r\n    &-text {\r\n      margin-top: $uploader-upload-text-margin-top;\r\n      font-size: $uploader-upload-text-font-size;\r\n      color: $uploader-upload-text-color;\r\n    }\r\n  }\r\n\r\n  &__preview {\r\n    position: relative;\r\n    margin: $uploader-preview-margin;\r\n    cursor: pointer;\r\n\r\n    &-image {\r\n      display: block;\r\n      width: $uploader-preview-image-width;\r\n      height: $uploader-preview-image-height;\r\n      overflow: hidden;\r\n    }\r\n\r\n    &-remove {\r\n      position: absolute;\r\n      top: 0;\r\n      right: 0;\r\n      width: $uploader-remove-width;\r\n      height: $uploader-remove-height;\r\n      background: $uploader-remove-background-color;\r\n      border-radius: $uploader-remove-border-radius;\r\n\r\n      &-icon {\r\n        position: absolute;\r\n        top: -2px * $hd;\r\n        right: -2px * $hd;\r\n        font-size: $uploader-remove-icon-font-size;\r\n        color: $uploader-remove-icon-color;\r\n        transform: scale(0.5);\r\n      }\r\n    }\r\n\r\n    &-cover {\r\n      position: absolute;\r\n      top: 0;\r\n      right: 0;\r\n      bottom: 0;\r\n      left: 0;\r\n    }\r\n  }\r\n\r\n  &__mask {\r\n    position: absolute;\r\n    top: 0;\r\n    right: 0;\r\n    bottom: 0;\r\n    left: 0;\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    justify-content: center;\r\n    color: $uploader-mask-color;\r\n    background: $uploader-mask-background-color;\r\n\r\n    &-icon {\r\n      font-size: $uploader-mask-icon-size;\r\n    }\r\n\r\n    &-message {\r\n      padding: $uploader-mask-message-padding;\r\n      margin-top: $uploader-mask-message-margin-top;\r\n      font-size: $uploader-mask-message-font-size;\r\n      line-height: $uploader-mask-message-line-height;\r\n    }\r\n  }\r\n\r\n  &__loading {\r\n    width: $uploader-loading-icon-width;\r\n    height: $uploader-loading-icon-height;\r\n    color: $uploader-loading-icon-color;\r\n  }\r\n\r\n  &__file {\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    justify-content: center;\r\n    width: $uploader-file-width;\r\n    height: $uploader-file-height;\r\n    background: $uploader-file-background-color;\r\n\r\n    &-icon {\r\n      font-size: $uploader-file-icon-font-size;\r\n      color: $uploader-file-icon-color;\r\n    }\r\n\r\n    &-name {\r\n      box-sizing: border-box;\r\n      width: 100%;\r\n      padding: $uploader-file-name-padding;\r\n      margin-top: $uploader-file-name-margin-top;\r\n      font-size: $uploader-file-name-font-size;\r\n      color: $uploader-file-name-color;\r\n      text-align: center;\r\n    }\r\n  }\r\n}\r\n","@import \"../styles/prefix\";\r\n@import \"../styles/variables\";\r\n\r\n$uploader-size: var(--uploader-size, 80px * $hd);\r\n$uploader-disabled-opacity: var(--uploader-disabled-opacity, var(--disabled-opacity, $disabled-opacity));\r\n//\r\n$uploader-upload-size: var(--uploader-upload-size, $uploader-size);\r\n$uploader-upload-width: var(--uploader-upload-width, $uploader-upload-size);\r\n$uploader-upload-height: var(--uploader-upload-height, $uploader-upload-size);\r\n$uploader-upload-margin: var(--uploader-upload-margin, 0 var(--padding-xs, $padding-xs) var(--padding-xs, $padding-xs) 0);\r\n$uploader-upload-background-color: var(--uploader-upload-background-color, var(--gray-1, $gray-1));\r\n$uploader-upload-active-background-color: var(--uploader-upload-active-background-color, var(--active-color, $active-color));\r\n$uploader-upload-icon-color: var(--uploader-upload-icon-color, var(--gray-4, $gray-4));\r\n$uploader-upload-icon-font-size: var(--uploader-upload-icon-font-size, 24px * $hd);\r\n$uploader-upload-text-margin-top: var(--uploader-upload-text-margin-top, var(--padding-xs, $padding-xs));\r\n$uploader-upload-text-color: var(--uploader-upload-text-color, var(--gray-6, $gray-6));\r\n$uploader-upload-text-font-size: var(--uploader-upload-text-font-size, var(--font-size-sm, $font-size-sm));\r\n//\r\n$uploader-preview-margin: var(--uploader-preview-margin, 0 var(--padding-xs, $padding-xs) var(--padding-xs, $padding-xs) 0);\r\n$uploader-preview-image-size: var(--uploader-preview-image-size, $uploader-size);\r\n$uploader-preview-image-width: var(--uploader-preview-image-width, $uploader-preview-image-size);\r\n$uploader-preview-image-height: var(--uploader-preview-image-height, $uploader-preview-image-size);\r\n//\r\n$uploader-remove-size: var(--uploader-remove-size, 14px * $hd);\r\n$uploader-remove-width: var(--uploader-remove-width, $uploader-remove-size);\r\n$uploader-remove-height: var(--uploader-remove-height, $uploader-remove-size);\r\n$uploader-remove-background-color: var(--uploader-remove-background-color, rgba(0, 0, 0, 0.7));\r\n$uploader-remove-border-radius: var(--uploader-remove-border-radius, 0 0 0 12px * $hd);\r\n$uploader-remove-icon-font-size: var(--uploader-remove-icon-font-size, 16px * $hd);\r\n$uploader-remove-icon-color: var(--uploader-remove-icon-color, var(--white, $white));\r\n//\r\n$uploader-file-size: var(--uploader-file-size, $uploader-size);\r\n$uploader-file-width: var(--uploader-file-width, $uploader-file-size);\r\n$uploader-file-height: var(--uploader-file-height, $uploader-file-size);\r\n$uploader-file-background-color: var(--uploader-file-background-color, var(--background-color, $background-color));\r\n$uploader-file-icon-font-size: var(--uploader-file-icon-font-size, 20px * $hd);\r\n$uploader-file-icon-color: var(--uploader-file-icon-color, var(--gray-7, $gray-7));\r\n$uploader-file-name-padding: var(--uploader-file-name-padding, 0 var(--padding-base, $padding-base));\r\n$uploader-file-name-margin-top: var(--uploader-file-name-margin-top, var(--padding-xs, $padding-xs));\r\n$uploader-file-name-font-size: var(--uploader-file-name-font-size, var(--font-size-sm, $font-size-sm));\r\n$uploader-file-name-color: var(--uploader-file-name-color, var(--gray-7, $gray-7));\r\n//\r\n$uploader-mask-color: var(--uploader-mask-color, var(--white, $white));\r\n$uploader-mask-background-color: var(--uploader-mask-background-color, rgba(50, 50, 51, 0.88));\r\n$uploader-mask-icon-size: var(--uploader-mask-icon-size, 22px * $hd);\r\n$uploader-mask-message-margin-top: var(--uploader-mask-message-margin-top, 6px * $hd);\r\n$uploader-mask-message-padding: var(--uploader-mask-message-padding, 0 var(--padding-base, $padding-base));\r\n$uploader-mask-message-font-size: var(--uploader-mask-message-font-size, var(--font-size-sm, $font-size-sm));\r\n$uploader-mask-message-line-height: var(--uploader-mask-message-line-height, var(--line-height-xs, $line-height-xs));\r\n//\r\n$uploader-loading-icon-size: var(--uploader-loading-icon-size, 22px * $hd);\r\n$uploader-loading-icon-width: var(--uploader-loading-icon-width, $uploader-loading-icon-size);\r\n$uploader-loading-icon-height: var(--uploader-loading-icon-height, $uploader-loading-icon-size);\r\n$uploader-loading-icon-color: var(--uploader-loading-icon-color, var(--white, $white));\r\n"]}