.mss-plan,
.mss-portal,
.mss-confirmation {
	--mss-title-color: #000000;
	--mss-title-size: 24px;
	--mss-description-color: #4b5563;
	--mss-description-size: 16px;
	--mss-button-bg: #1f6feb;
	--mss-button-text: #ffffff;
	--mss-button-hover-bg: #1158c7;
	--mss-button-hover-text: #ffffff;
	--mss-link-color: #1f6feb;
	--mss-link-hover-color: #1158c7;
	--mss-border-color: #dddddd;
	--mss-card-bg: #ffffff;
	--mss-border-radius: 8px;
	--mss-padding-vertical: 12px;
	--mss-padding-horizontal: 16px;
}

.mss-plan {
	background: var(--mss-card-bg) !important;
	border: 1px solid var(--mss-border-color) !important;
	border-radius: var(--mss-border-radius) !important;
	box-sizing: border-box !important;
	margin: 1rem 0 !important;
	max-width: 420px !important;
	padding: 1rem !important;
}

.mss-plan__title {
	color: var(--mss-title-color) !important;
	font-size: var(--mss-title-size) !important;
	margin: 0 0 0.5rem !important;
}

.mss-plan__media {
	margin: 0 0 1rem !important;
	text-align: center !important;
}

.mss-plan__image {
	display: block !important;
	height: auto !important;
	margin: 0 auto !important;
	max-width: 100% !important;
	object-fit: contain !important;
}

.mss-plan__image--small {
	max-height: 120px !important;
}

.mss-plan__image--medium {
	max-height: 180px !important;
}

.mss-plan__image--large {
	max-height: 240px !important;
}

.mss-plan__description {
	color: var(--mss-description-color) !important;
	font-size: var(--mss-description-size) !important;
	margin: 0 0 1rem !important;
}

.mss-plan__form {
	margin: 0 !important;
}

.mss-plan__checkout {
	box-sizing: border-box !important;
	cursor: pointer !important;
	font: inherit !important;
}

.mss-plan__checkout--button {
	appearance: none !important;
	background: var(--mss-button-bg) !important;
	border: 0 !important;
	border-radius: var(--mss-border-radius) !important;
	color: var(--mss-button-text) !important;
	display: inline-flex !important;
	font-weight: 600 !important;
	line-height: 1.2 !important;
	padding: var(--mss-padding-vertical) var(--mss-padding-horizontal) !important;
	text-align: center !important;
	text-decoration: none !important;
	text-decoration-color: currentColor !important;
}

.mss-plan__checkout--button:hover,
.mss-plan__checkout--button:focus {
	background: var(--mss-button-hover-bg) !important;
	color: var(--mss-button-hover-text) !important;
	filter: none !important;
	opacity: 1 !important;
	text-decoration-color: currentColor !important;
}

.mss-plan__checkout--link {
	appearance: none !important;
	background: transparent !important;
	border: 0 !important;
	color: var(--mss-link-color) !important;
	display: inline !important;
	line-height: inherit !important;
	opacity: 1 !important;
	padding: 0 !important;
	text-decoration: underline !important;
	text-decoration-color: currentColor !important;
}

.mss-plan__checkout--link:hover,
.mss-plan__checkout--link:focus {
	color: var(--mss-link-hover-color) !important;
	filter: none !important;
	opacity: 1 !important;
	text-decoration-color: currentColor !important;
}

.mss-message {
	background: #f6f8fa !important;
	border-left: 4px solid #d0d7de !important;
	margin: 1rem 0 !important;
	padding: 0.75rem 1rem !important;
}

.mss-confirmation {
	background: var(--mss-card-bg) !important;
	border: 1px solid var(--mss-border-color) !important;
	border-radius: var(--mss-border-radius) !important;
	box-sizing: border-box !important;
	margin: 1rem 0 !important;
	max-width: 560px !important;
	padding: 1.25rem !important;
}

.mss-confirmation__title {
	color: var(--mss-title-color) !important;
	font-size: var(--mss-title-size) !important;
	margin: 0 0 1rem !important;
}

.mss-confirmation__details {
	display: grid !important;
	gap: 0.75rem !important;
	margin: 0 !important;
}

.mss-confirmation__row {
	border-bottom: 1px solid var(--mss-border-color) !important;
	display: grid !important;
	gap: 0.25rem !important;
	grid-template-columns: minmax(110px, 0.45fr) 1fr !important;
	padding: 0 0 0.75rem !important;
}

.mss-confirmation__row dt {
	color: #57606a !important;
	font-weight: 600 !important;
	margin: 0 !important;
}

.mss-confirmation__row dd {
	color: #24292f !important;
	margin: 0 !important;
	overflow-wrap: anywhere !important;
}

.mss-confirmation__links {
	display: flex !important;
	flex-wrap: wrap !important;
	gap: 0.5rem !important;
	margin-top: 1rem !important;
}

.mss-confirmation__link {
	background: var(--mss-button-bg) !important;
	border-radius: var(--mss-border-radius) !important;
	color: var(--mss-button-text) !important;
	display: inline-flex !important;
	font-weight: 600 !important;
	line-height: 1.2 !important;
	padding: 0.65rem 0.85rem !important;
	text-decoration: none !important;
	text-decoration-color: currentColor !important;
}

.mss-confirmation__link:hover,
.mss-confirmation__link:focus {
	background: var(--mss-button-hover-bg) !important;
	color: var(--mss-button-hover-text) !important;
	filter: none !important;
	opacity: 1 !important;
	text-decoration-color: currentColor !important;
}

@media (max-width: 520px) {
	.mss-confirmation__row {
		grid-template-columns: 1fr !important;
	}
}