/**************************************************************************
Name:         account.css
Description:  Account pages' styling
Date Created: 2025-05-23 by Owen Haggerty
Modified:
**************************************************************************/
/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.14,
* Autoprefixer: v10.4.7
* Browsers: last 5 versions,>0.05%,not dead
* Date: 2025-07-07
*/
.accountSignupFieldGrid {
	-webkit-column-gap: 20px;
	-moz-column-gap: 20px;
	column-gap: 20px;
	display: grid;
	grid-template-columns: 275px 300px;
	padding-block: 20px;
	row-gap: 7px;
}
.accountSignupFieldGrid.threeColumnGrid {
	grid-template-columns: 245px 300px 1fr;
}
.accountSignupFieldGrid.securityQuestionGrid {
	grid-template-columns: 115px 430px 1fr;
}

.accountSignupFieldGrid > .fullRowSpan {
	grid-column: 1 / 3;
}
.accountSignupFieldGrid.threeColumnGrid > .fullRowSpan,
.accountSignupFieldGrid.securityQuestionGrid > .fullRowSpan {
	grid-column: 1 / 4;
}

.accountSignupFieldGrid.threeColumnGrid > .rightColumnSpan {
	grid-column: 2 / 4;
}

.accountAside {
	color: #707070;
}

.accountSignupConfirmGrid {
	-webkit-column-gap: 17px;
	-moz-column-gap: 17px;
	column-gap: 17px;
	display: grid;
	grid-template-columns: 195px 1fr;
	padding-block: 20px;
}
.accountSignupConfirmGrid > .fullRowSpan {
	grid-column: 1 / 3;
}

.accountSignupConfirmInfo {
	align-self: end;
	font-size: 24px;
	font-weight: 700;
}

.accountSignupConfirmPage {
	margin-inline: auto;
	max-width: 800px;
}

.cleanInput {
	background-color: #fff;
	border: 1px solid #767676;
	border-radius: 2px;
}
.cleanInput:disabled {
	background-color: #eee;
}

.lineHeight1\.5 {
	line-height: 1.5;
}

.textBlock {
	padding-block: 1em;
}

/* Cards overview */
.cardOverviewGrid {
	border-bottom: 1px solid #9a9a9a;
	display: grid;
	-webkit-column-gap: 20px;
	-moz-column-gap: 20px;
	column-gap: 20px;
	grid-template-columns: 6fr 82fr 28fr 23fr 7fr;
	position: relative;
	row-gap: 1px;
}
.cardOverviewGrid > .blockTitle {
	padding-block: 10px;
}
.cardOverviewGrid > *:not(.blockTitle) {
	color: var(--color-dark);
	font-size: 20px;
	font-weight: 500;
	line-height: 1.5;
	padding-block: 10px;
}
.cardOverviewGrid > *:nth-child(5n + 1) {
	-webkit-margin-start: 10px;
	margin-inline-start: 10px;
}
.cardOverviewGrid > *:nth-child(5n) {
	-webkit-margin-end: 10px;
	margin-inline-end: 10px;
}
.cardOverviewGrid > *:nth-child(5n)::after {
	background-color: #9a9a9a;
	content: "";
	display: block;
	height: 1px;
	padding: 0;
	position: absolute;
	left: 0;
	-webkit-transform: translateY(calc(-24px - 10px));
	transform: translateY(calc(-24px - 10px));
	width: 100%;
}

.cardOverviewTable {
	border-bottom: 1px solid #9a9a9a;
	border-top: 1px solid #9a9a9a;
	border-collapse: collapse;
}
.cardOverviewTable td {
	border-bottom: 1px solid #9a9a9a;
	border-top: 1px solid #9a9a9a;
	padding-block: 10px;
}
.cardOverviewTable td.blockTitle {
	width: 100%;
}
.cardOverviewTable td:not(.blockTitle) {
	color: var(--color-dark);
	font-size: 20px;
	font-weight: 500;
	line-height: 1.5;
	padding-inline: 10px;
	width: -webkit-max-content;
	width: -moz-max-content;
	width: max-content;
}