/** zoui-v1.0.0 MIT License By http://www.swah.cn */
@import url('default.css');

.content-box {
	margin: 0 auto;
	max-width: 380px;
	min-width: 290px;
	padding: 40px 20px 20px;
	box-sizing: inherit
}

.content-box input {
	font-family: Monaco, PingFang SC, Lantinghei SC, Microsoft Yahei, Hiragino Sans GB, Microsoft Sans Serif, WenQuanYi Micro Hei, sans-serif;
	font-weight: 400;
	color: #666;
	width: 100%;
	padding: 10px;
	border: 2px solid #ebf0f5;
	background-color: #ebf0f5;
	margin: 0 0 24px;
	border-radius: 4px;
	outline: none;
	-webkit-appearance: none
}

.content-box input:focus {
	border: 2px solid var(--main-color);
}

#last-password {
	height: 41px;
	padding: 12px;
	background-color: #ebf0f5;
	border-radius: 4px;
	position: relative;
	box-sizing: inherit
}

#last-password button {
	border: none
}

#last-password .copy {
	background-color: var(--main-color);
	color: #fff;
	height: 41px;
	width: 88px;
	padding: 10px 0;
	position: absolute;
	right: 0;
	top: 0;
	border-radius: 0 4px 4px 0;
	cursor: pointer
}

#last-password .copied {
	background-color: #3099d9 !important
}

#last-password:hover .show-password {
	opacity: .8
}

#last-password .password {
	font-family: Monaco, consolas, monospace, sans-serif;
	font-weight: 400;
	color: #666
}

@media (any-hover:hover) {
	#last-password .copy:hover {
		background-color: var(--main-color)
	}
}

.show-password {
	cursor: pointer;
	padding: 0 3px;
	float: right;
	margin-right: 90px;
	background-color: transparent;
	opacity: .1;
	outline: none
}

.svg-icon {
	display: inline-block;
	width: 1em;
	height: 1em;
	line-height: 1;
	vertical-align: -.125em;
	background-repeat: no-repeat;
	background-size: 1em 1em;
	background-position: 50%
}

.icon-open-eye {
	background-image: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-eye"><path d="M16 8s-3-5.5-8-5.5S0 8 0 8s3 5.5 8 5.5S16 8 16 8zM1.173 8a13.133 13.133 0 011.66-2.043C4.12 4.668 5.88 3.5 8 3.5c2.12 0 3.879 1.168 5.168 2.457A13.133 13.133 0 0114.828 8c-.058.087-.122.183-.195.288-.335.48-.83 1.12-1.465 1.755C11.879 11.332 10.119 12.5 8 12.5c-2.12 0-3.879-1.168-5.168-2.457A13.134 13.134 0 011.172 8z"/><path d="M8 5.5a2.5 2.5 0 100 5 2.5 2.5 0 000-5zM4.5 8a3.5 3.5 0 117 0 3.5 3.5 0 01-7 0z"/></svg>')
}

.icon-close-eye {
	background-image: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-eye-slash"><path d="M13.359 11.238C15.06 9.72 16 8 16 8s-3-5.5-8-5.5a7.028 7.028 0 00-2.79.588l.77.771A5.944 5.944 0 018 3.5c2.12 0 3.879 1.168 5.168 2.457A13.134 13.134 0 0114.828 8c-.058.087-.122.183-.195.288-.335.48-.83 1.12-1.465 1.755-.165.165-.337.328-.517.486l.708.709z"/><path d="M11.297 9.176a3.5 3.5 0 00-4.474-4.474l.823.823a2.5 2.5 0 012.829 2.829l.822.822zm-2.943 1.299l.822.822a3.5 3.5 0 01-4.474-4.474l.823.823a2.5 2.5 0 002.829 2.829z"/><path d="M3.35 5.47c-.18.16-.353.322-.518.487A13.134 13.134 0 001.172 8l.195.288c.335.48.83 1.12 1.465 1.755C4.121 11.332 5.881 12.5 8 12.5c.716 0 1.39-.133 2.02-.36l.77.772A7.029 7.029 0 018 13.5C3 13.5 0 8 0 8s.939-1.721 2.641-3.238l.708.709zm10.296 8.884l-12-12 .708-.708 12 12-.708.708z"/></svg>')
}

.hidden {
	display: none
}