@import '../../styles/theme.less';

.slideTest {
	&-init {
		position: relative;
		height: 40px;
		width: 100%;
		background-color: #f0f2f5;
		border-radius: @border-radius-base;

		&::before {
			position: absolute;
			content: '拖动滑块验证';
			line-height: 40px;
			width: 100%;
			text-align: center;
			font-size: 16px;
		}
	}

	&-success {
		position: absolute;
		height: 40px;
		line-height: 40px;
		background-color: #52c41a;
		text-align: center;
		color: #ffffff;
		font-size: 16px;
		padding-left: 60px;
	}

	&-slide {
		position: absolute;
		z-index: 99;
		height: 40px;
		background-color: #fff;
		border: 1px solid #d9d9d9;
		width: 60px;
		line-height: 40px;
		text-align: center;
		box-shadow: 0 0 8px #d9d9d9;
		color: rgba(0, 0, 0, 0.65);
		cursor: move;
	}
}