/* components/password-box.wxss */
.password-box .password-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
}
.password-box .password-item {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}
.password-box .password-item::after {
  display: block;
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  border-left: 2px solid #999;
  border-top: 2px solid #999;
  border-bottom: 2px solid #999;
  border-spacing: 0;
  box-sizing: border-box;
  width: 200%;
  height: 200%;
  border-radius: 0rpx;
  transform: scale(0.5);
  transform-origin: left top;
}

.password-box .password-item-last {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}
.password-box .password-item-last::after {
  display: block;
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  border-left: 2px solid #999;
  border-top: 2px solid #999;
  border-right: 2px solid #999;
  border-bottom: 2px solid #999;
  border-spacing: 0;
  box-sizing: border-box;
  width: 200%;
  height: 200%;
  border-radius: 0rpx;
  transform: scale(0.5);
  transform-origin: left top;
}

.password-box .password-item + .password-item {
  margin-left: -1rpx;
}
.password-box .password-wrapper .hidden {
  width: 36rpx;
  height: 36rpx;
  border-radius: 50%;
  background: #999;
}
.password-box .password-wrapper .show {
  color: #333333;
  font-size: 48rpx;
}
.password-box .hidden-input {
  width: 0;
  height: 0;
  min-height: 0;
}