@vnmfify/core/password-input/index.css.map

```shell npm i @vnmfify/core -S ```

{"version":3,"sources":["password-input/password-input.scss","password-input/_variables.scss","password-input/password-input-feedback.scss"],"names":[],"mappings":"AAEA,wBAEE,4DAAA,CADA,iBAAA,CAEA,wBAAA,CAAA,qBAAA,CAAA,oBAAA,CAAA,gBAAA,CAEA,kCAIE,cAAA,CAHA,mBAAA,CAAA,oBAAA,CAAA,mBAAA,CAAA,YAAA,CAEA,yCCPoB,CDMpB,UAEA,CAEA,wCACE,sDCTyB,CDa7B,8BAGE,kBAAA,CACA,wBAAA,CAAA,qBAAA,CACA,uBAAA,CAAA,oBAAA,CADA,0BAAA,CAAA,kBAAA,CAKA,wECpBmC,CDanC,mBAAA,CAAA,oBAAA,CAAA,mBAAA,CAAA,YAAA,CACA,cAAA,CAAA,UAAA,CAAA,MAAA,CAIA,mDCnB4B,CDkB5B,WAAA,CADA,8BAAA,CAAA,sBAAA,CAGA,eAAA,CAPA,iBCZmC,CDsBnC,oCAOE,6DCxBsB,CDyBtB,kBAAA,CAHA,6ECvBuB,CDwBvB,iBAAA,CAFA,2EAKA,CAIJ,oEAVI,QAAA,CAFA,iBAAA,CACA,OAAA,CAOA,sCAAA,CAAA,kCAAA,CAAA,8BAYF,CARF,gCAQE,oGAAA,CAAA,4FAAA,CAFA,qFClC0B,CDiC1B,8CC/B2B,CD8B3B,4CAIA,CAIJ,0CACE,GACE,SAAA,CAGF,IACE,SAAA,CAGF,GACE,SAAA,CAAA,CAVJ,kCACE,GACE,SAAA,CAGF,IACE,SAAA,CAGF,GACE,SAAA,CAAA,CE9DJ,kCAGE,gEDgB8B,CCjB9B,2EDgBkC,CCjBlC,2EDgBmC,CCbnC,iBAAA,CAEA,2CACE,2FDaoC,CCVtC,wCACE,qFDUiC,CCPnC,2CACE,4FDOoC,CCJtC,2CACE,6FDIoC,CCDtC,0CACE,wFDCmC","file":"index.css","sourcesContent":["@import \"./variables\";\r\n\r\n.#{$component-prefix}password-input {\r\n  position: relative;\r\n  margin: $password-input-margin;\r\n  user-select: none;\r\n\r\n  &__security {\r\n    display: flex;\r\n    width: 100%;\r\n    height: $password-input-height;\r\n    cursor: pointer;\r\n\r\n    &::after {\r\n      border-radius: $password-input-border-radius;\r\n    }\r\n  }\r\n\r\n  &__item {\r\n    position: relative;\r\n    display: flex;\r\n    flex: 1;\r\n    align-items: center;\r\n    justify-content: center;\r\n    height: 100%;\r\n    font-size: $password-input-item-font-size;\r\n    line-height: 1.2;\r\n    background: $password-input-item-background-color;\r\n\r\n    &--mask {\r\n      position: absolute;\r\n      top: 50%;\r\n      left: 50%;\r\n      width: $password-input-mask-width;\r\n      height: $password-input-mask-height;\r\n      visibility: hidden;\r\n      background: $password-input-mask-color;\r\n      border-radius: 100%;\r\n      transform: translate(-50%, -50%);\r\n    }\r\n  }\r\n\r\n  &__cursor {\r\n    position: absolute;\r\n    top: 50%;\r\n    left: 50%;\r\n    width: $password-input-cursor-width;\r\n    height: $password-input-cursor-height;\r\n    background: $password-input-cursor-color;\r\n    transform: translate(-50%, -50%);\r\n    animation: $password-input-cursor-animation-duration #{$component-prefix}cursor-flicker infinite;\r\n  }\r\n}\r\n\r\n@keyframes #{$component-prefix}cursor-flicker {\r\n  from {\r\n    opacity: 0;\r\n  }\r\n\r\n  50% {\r\n    opacity: 1;\r\n  }\r\n\r\n  100% {\r\n    opacity: 0;\r\n  }\r\n}\r\n","@import \"../styles/prefix\";\r\n@import \"../styles/variables\";\r\n\r\n$password-input-height: var(--password-input-height, 50px * $hd);\r\n$password-input-margin: var(--password-input-margin, 0 var(--padding-md, $padding-md));\r\n$password-input-border-radius: var(--password-input-border-radius, 6px * $hd);\r\n$password-input-item-font-size: var(--password-input-item-font-size, 20px * $hd);\r\n$password-input-item-background-color: var(--password-input-item-background-color, var(--white, $white));\r\n//\r\n$password-input-mask-size: var(--password-input-mask-size, 10px * $hd);\r\n$password-input-mask-width: var(--password-input-mask-width, $password-input-mask-size);\r\n$password-input-mask-height: var(--password-input-mask-height, $password-input-mask-size);\r\n$password-input-mask-color: var(--password-input-mask-color, var(--black, $black));\r\n//\r\n$password-input-cursor-color: var(--password-input-cursor-color, var(--text-color, $text-color));\r\n$password-input-cursor-width: var(--password-input-cursor-width, 1px * $hd);\r\n$password-input-cursor-height: var(--password-input-cursor-height, 40%);\r\n$password-input-cursor-animation-duration: var(--password-input-cursor-animation-duration, 1s);\r\n//\r\n$password-input-feedback-margin-top: var(--password-input-feedback-margin-top, var(--padding-md, $padding-md));\r\n$password-input-feedback-font-size: var(--password-input-feedback-font-size, var(--font-size-md, $font-size-md));\r\n$password-input-feedback-color: var(--password-input-feedback-color, var(--gray-6, $gray-6));\r\n$password-input-feedback-primary-color: var(--password-input-feedback-primary-color, var(--primary-color, $primary-color));\r\n$password-input-feedback-info-color: var(--password-input-feedback-info-color, var(--info-color, $info-color));\r\n$password-input-feedback-success-color: var(--password-input-feedback-success-color, var(--success-color, $success-color));\r\n$password-input-feedback-warning-color: var(--password-input-feedback-warning-color, var(--warning-color, $warning-color));\r\n$password-input-feedback-danger-color: var(--password-input-feedback-danger-color, var(--danger-color, $danger-color));\r\n","@import \"./variables\";\r\n\r\n.#{$component-prefix}password-input__feedback {\r\n  margin-top: $password-input-feedback-margin-top;\r\n  font-size: $password-input-feedback-font-size;\r\n  color: $password-input-feedback-color;\r\n  text-align: center;\r\n\r\n  &--primary {\r\n    color: $password-input-feedback-primary-color;\r\n  }\r\n\r\n  &--info {\r\n    color: $password-input-feedback-info-color;\r\n  }\r\n\r\n  &--success {\r\n    color: $password-input-feedback-success-color;\r\n  }\r\n\r\n  &--warning {\r\n    color: $password-input-feedback-warning-color;\r\n  }\r\n\r\n  &--danger {\r\n    color: $password-input-feedback-danger-color;\r\n  }\r\n}\r\n"]}