/* Trigger */
.ri-lp-trigger-wrap {
	display: block;
}

.ri-lp-trigger {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	text-decoration: none;
	transition: transform .2s ease, opacity .2s ease, box-shadow .2s ease;
	cursor: pointer;
}

.ri-lp-trigger--text {
	background: transparent !important;
	border: 0 !important;
	padding: 0 !important;
	box-shadow: none !important;
}

.ri-lp-trigger__icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	line-height: 1;
}

.ri-lp-trigger__icon svg {
	display: block;
	width: 1em;
	height: 1em;
}

/* Form */
.ri-lp-form-card {
	width: 100%;
}

.ri-lp-form {
	display: flex;
	flex-direction: column;
	gap: 16px;
}

.ri-lp-form__title {
	margin: 0;
}

.ri-lp-form__description {
	margin: 0;
}

.ri-lp-form__row {
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.ri-lp-form__label {
	font-weight: 600;
}

.ri-lp-form__field {
	width: 100%;
	border: 1px solid #cbd5e1;
	outline: none;
	transition: border-color .2s ease, box-shadow .2s ease;
	box-sizing: border-box;
}

.ri-lp-form__field:focus {
	border-color: #1d4ed8;
	box-shadow: 0 0 0 3px rgba(29, 78, 216, 0.12);
}

.ri-lp-form__meta {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	flex-wrap: wrap;
}

.ri-lp-form__remember {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	cursor: pointer;
}

.ri-lp-form__forgot {
	text-decoration: none;
}

.ri-lp-form__submit {
	border: 0;
	cursor: pointer;
	transition: transform .2s ease, opacity .2s ease, box-shadow .2s ease;
}

.ri-lp-form__submit:hover {
	transform: translateY(-1px);
}

.ri-lp-form__submit[disabled] {
	opacity: .7;
	cursor: wait;
	transform: none;
}

.ri-lp-form__message {
	min-height: 20px;
	font-size: 14px;
	line-height: 1.5;
}

.ri-lp-form__message.is-error {
	color: #b91c1c;
}

.ri-lp-form__message.is-success {
	color: #15803d;
}

.ri-lp-form__note {
	font-size: 14px;
	line-height: 1.6;
	color: #64748b;
}

@media (max-width: 767px) {
	.ri-lp-form__meta {
		align-items: flex-start;
		flex-direction: column;
	}
}