.container {
	padding: 0 16px;
	.swiper {
		margin: 14px 0 18px;
	}
	.title {
		display: flex;
		column-gap: 6px;
		align-items: center;
		font-size: 28px;
		font-weight: 700;
		color: rgba(51, 51, 51, 1);
		cursor: pointer;
	}
	.stepsWrapper {
		display: flex;
		flex-direction: column;
		align-items: center;
		row-gap: 8px;
		color: #999999;
		font-size: 12px;
		margin: 34px 0 20px;
		.steps {
			display: flex;
			justify-content: space-between;
			align-items: center;
			column-gap: 3px;
			width: 100%;
			height: 10px;
			padding: 0 3px;
			border: 1px solid #e5e5e5;
			border-radius: 10px;
			box-sizing: border-box;
			.stepItem {
				flex: 1;
				height: 5px;
				background-color: #e5e5e5;
				border-radius: 10px;
				box-sizing: border-box;
				&.active {
					background-image: linear-gradient(to right, #103776 0%, #6474af 100%);
				}
			}
		}
	}
	.authStatusList {
		display: flex;
		flex-direction: column;
		row-gap: 21px;
		margin: 29px 0 36px;
		.authStatusItem {
			display: flex;
			justify-content: space-between;
			align-items: center;
			column-gap: 4px;
			padding: 0px 16px;
			height: 93px;
			box-shadow: -1px 0px 5px 1px rgba(0, 0, 0, 0.1);
			&:focus, &:active {
				box-shadow: 0px 0px 5px 3px rgba(41, 187, 228, 0.2);
			}
			.left {
				display: flex;
				align-items: center;
				column-gap: 14px;
				font-size: 14px;
				font-weight: 700;
				word-break: break-all;
				.icon {
					flex-shrink: 0;
					width: 40px;
					height: 40px;
				}
			}
			.right {
				display: flex;
				align-items: center;
				column-gap: 2px;
				font-size: 12px;
				.icon {
					width: 12px;
					height: 12px;
				}
				.text {
					line-height: 18px;
					white-space: nowrap;
				}
			}
		}
		
		.authStatusItemDisable {
			display: flex;
			justify-content: space-between;
			align-items: center;
			column-gap: 4px;
			padding: 0px 16px;
			height: 93px;
			box-shadow: -1px 0px 5px 1px rgba(0, 0, 0, 0.1);
			position: relative;
			&:before {
				position: absolute;
				content: '';
				top: 0;
				left: 0;
				right: 0;
				bottom: 0;
				background-color: #ffffff80;
			}
			.left {
				display: flex;
				align-items: center;
				column-gap: 14px;
				font-size: 14px;
				font-weight: 700;
				word-break: break-all;
				.icon {
					flex-shrink: 0;
					width: 40px;
					height: 40px;
				}
			}
			.right {
				display: flex;
				align-items: center;
				column-gap: 2px;
				font-size: 12px;
				.icon {
					width: 12px;
					height: 12px;
				}
				.text {
					line-height: 18px;
					white-space: nowrap;
				}
			}
		}
	}
}