@import '../../Themes/common/PredefinedMixins.scss';
@import "./partial.scss";
@import "./Variables.scss";

.recovery-content {
	@include partial-column-center-start;
	height: 450px;
	width: 360px;
  padding: 10px 32px;
  gap: 16px;
	font-family: $tertiaryFont;

	.resetInfo, .responseInfo {
		font-size: 14px;
		width: 100%;
	}

	.resetInfo {
		color: $recovery_reset_fg;
	}

	.responseInfo {
		color: $recovery_response_fg;
	}

	.field {
		@include partial-row-center-start;
		position: relative;
		width: 100%;
		height: 50px;
	}

	.s-action {
		@include partial-row-center-end;
		justify-content: space-between;
		flex-wrap: wrap;
		width: 100%;
		gap: 10px;
	}
}